W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
在很多場景中,我們的服務器都需要跟用戶的瀏覽器打交道,如表單提交。
表單提交到服務器一般都使用 GET/POST 請求。
本章節(jié)我們將為大家介紹 Node.js GET/POST請求。
由于GET請求直接被嵌入在路徑中,URL是完整的請求路徑,包括了?后面的部分,因此你可以手動解析后面的內(nèi)容作為GET請求的參數(shù)。
node.js 中 url 模塊中的 parse 函數(shù)提供了這個功能。
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=編程獅&url=www.w3cschool.com 然后查看返回結(jié)果:
我們可以使用 url.parse 方法來解析 URL 中的參數(shù),代碼如下:
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'});
// 解析 url 參數(shù)
var params = url.parse(req.url, true).query;
res.write("網(wǎng)站名:" + params.name);
res.write("\n");
res.write("網(wǎng)站 URL:" + params.url);
res.end();
}).listen(3000);
在瀏覽器中訪問 http://localhost:3000/user?name=編程獅&url=www.w3cschool.com 然后查看返回結(jié)果:
POST 請求的內(nèi)容全部的都在請求體中,http.ServerRequest 并沒有一個屬性內(nèi)容為請求體,原因是等待請求體傳輸可能是一件耗時的工作。
比如上傳文件,而很多時候我們可能并不需要理會請求體的內(nèi)容,惡意的POST請求會大大消耗服務器的資源,所以 node.js 默認是不會解析請求體的,當你需要的時候,需要手動來做。
var http = require('http');
var querystring = require('querystring');
var util = require('util');
http.createServer(function(req, res){
// 定義了一個post變量,用于暫存請求體的信息
var post = '';
// 通過req的data事件監(jiān)聽函數(shù),每當接受到請求體的數(shù)據(jù),就累加到post變量中
req.on('data', function(chunk){
post += chunk;
});
// 在end事件觸發(fā)后,通過querystring.parse將post解析為真正的POST請求格式,然后向客戶端返回。
req.on('end', function(){
post = querystring.parse(post);
res.end(util.inspect(post));
});
}).listen(3000);
以下實例表單通過 POST 提交并輸出數(shù)據(jù):
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">' +
'網(wǎng)站名: <input name="name"><br>' +
'網(wǎng)站 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 () {
// 解析參數(shù)
body = querystring.parse(body);
// 設(shè)置響應頭部信息及編碼
res.writeHead(200, {'Content-Type': 'text/html; charset=utf8'});
if(body.name && body.url) { // 輸出提交的數(shù)據(jù)
res.write("網(wǎng)站名:" + body.name);
res.write("<br>");
res.write("網(wǎng)站 URL:" + body.url);
} else { // 輸出表單
res.write(postHTML);
}
res.end();
});
}).listen(3000);
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: