express入门（5）- post

最新推荐文章于 2024-10-11 17:13:47 发布

炽天使_1985

最新推荐文章于 2024-10-11 17:13:47 发布

阅读量332

点赞数

CC 4.0 BY-SA版权

分类专栏： express 文章标签： express

本文链接：https://blog.youkuaiyun.com/wzjisking/article/details/75103381

express 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在Node.js中使用body-parser中间件解析表单数据，并通过一个具体示例展示了从前端页面发送POST请求到后端接收并处理数据的全过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1，编码解析

（1）引入body-parser

var bodyParser = require('body-parser');

如果没有引用，在当前项目的目录下，使用npm install body-parser –save 命令进行安装

（2）获得解析器

// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false })

2，路由

app.post('/post', urlencodedParser, function (req, res)

3，获得数据

    var response = {
        "name":req.body.name,
        "passwd":req.body.passwd
    };
    var data = JSON.stringify(response);

4，代码

（1）前端代码

<html>
<body>
<form action="http://localhost:8888/post" method="POST">
   用户名: <input type="text" name="name">  <br>

   密码: <input type="password" name="passwd">

    <input type="submit" value="Submit">
</form>
</body>
</html>

（2）后端代码

var express = require('express');
var app = express();
var bodyParser = require('body-parser');

// 创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false })

app.get('/index', function (req, res) {
    res.sendFile( __dirname + "/" + "index.html" );
})

app.post('/post', urlencodedParser, function (req, res) {
    // 输出 JSON 格式
    var response = {
        "name":req.body.name,
        "passwd":req.body.passwd
    };
    res.end(JSON.stringify(response));
})

var server = app.listen(8888);