Node.js GET&POST请求

本文最后更新于:2024年3月18日 凌晨

Node.js GET&POST请求

  • 在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交。
  • 表单提交到服务器一般都使用 GET/POST 请求。

获取GET请求内容

  • 由于GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,因此你可以手动解析后面的内容作为GET请求的参数。
  • node.js 中 url 模块中的 parse 函数提供了这个功能。

实例

1
2
3
4
5
6
7
8
var http = require('http');
var url = require('url');
var util = require('util');

http.createServer(function(req, res){
res.writeHead(200, {'Content-Type': 'text/plain; charset=utf-8'});
res.end(util.inspect(url.parse(req.url, true)));
}).listen(3000);

在浏览器中访问http://localhost:3000/user?name=test&url=www.test.com然后查看返回结果:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Url {
protocol: null,
slashes: null,
auth: null,
host: null,
port: null,
hostname: null,
hash: null,
search: '?name=test&url=www.test.com',
query: [Object: null prototype] { name: 'test', url: 'www.test.com' },
pathname: '/user',
path: '/user?name=test&url=www.test.com',
href: '/user?name=test&url=www.test.com'
}

获取 URL 的参数

  • 可以使用url.parse方法来解析 URL 中的参数,代码如下:

实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var http = require('http');
var url = require('url');
var util = require('util');

http.createServer(function(req, res){
res.writeHead(200, {'Content-Type': 'text/plain'});

// 解析 url 参数。
var params = url.parse(req.url, true).query;
res.write("网站名:" + params.name);
res.write("\n");
res.write("网站 URL:" + params.url);
res.end();

}).listen(3000);

在浏览器中访问http://localhost:3000/user?name=test&url=www.test.com然后查看返回结果:

1
2
网站名:test
网站 URL:www.test.com

获取 POST 请求内容

  • POST 请求的内容全部的都在请求体,http.ServerRequest并没有一个属性内容为请求体,原因是等待请求体传输可能是一件耗时的工作。
  • 比如上传文件,而很多时候我们可能并不需要理会请求体的内容,恶意的POST请求会大大消耗服务器的资源,所以node.js默认是不会解析请求体的,当你需要的时候,需要手动来做。

基本语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var http = require('http');
var querystring = require('querystring');
var util = require('util');

http.createServer(function(req, res){
// 定义了一个post变量,用于暂存请求体的信息。
var post = '';

// 通过req的data事件监听函数,每当接受到请求体的数据,就累加到post变量中。
req.on('data', function(chunk){
post += chunk;
});

// 在end事件触发后,通过querystring.parse将post解析为真正的POST请求格式,然后向客户端返回。
req.on('end', function(){
post = querystring.parse(post);
res.end(util.inspect(post));
});
}).listen(3000);

以下实例表单通过 POST 提交并输出数据:

实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
var http = require('http');
var querystring = require('querystring');

var postHTML =
'<html><head><meta charset="utf-8"><title>Node.js 实例</title></head>' +
'<body>' +
'<form method="post">' +
'网站名:<input name="name"><br>' +
'网站 URL:<input name="url"><br>' +
'<input type="submit">' +
'</form>' +
'</body></html>';

http.createServer(function (req, res) {
var body = "";
req.on('data', function (chunk) {
body += chunk;
});
req.on('end', function () {
// 解析参数。
body = querystring.parse(body);
// 设置响应头部信息及编码。
res.writeHead(200, {'Content-Type': 'text/html; charset=utf8'});

if(body.name && body.url) { // 输出提交的数据。
res.write("网站名:" + body.name);
res.write("<br>");
res.write("网站 URL:" + body.url);
} else { // 输出表单。
res.write(postHTML);
}
res.end();
});
}).listen(3000);
  • 运行结果:
image-20210128114256666 image-20210128114307090

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!