node.js处理前台post请求

下面代码实现了用node.js接收前台发送的post请求。用到了http模块和querystring模块。

服务端代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// http.js
let http = require('http');
let querystring = require('querystring');

let app = http.createServer((req, res) => {
    let str = '';
    if (req.url === '/post'){
        req.on('data', (data) => {
            str += data;
        });

        req.on('end', () => {
            console.log(querystring.parse(str));
        });
    }
});

app.listen(8000)

先搭一个服务器监听8000端口，判断请求路径，再绑定data事件接收客户端发过来的post请求，接受用querystring模块处理接收的数据。

客户端代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <form action="http://localhost:8000/post" method="post">
        <input type="text" name="user" /> </br>
        <input type="password" name="pass" /> </br>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

在命令行执行 node http.js。
打开index.html 输入数据，点击提交按钮。
node输出 { user: ‘123’, pass: ‘abc’ } 123和abc 就是你输入的数据。