Like Share Discussion Bookmark Smile

J.J. Huang   2020-02-01   Node.js   瀏覽次數:

Node.js | GET/POST请求

簡介

在很多場景中,我們的伺服器都需要跟用戶的瀏覽器打交道,如表單提交。
表單提交到伺服器一般都使用GET/POST請求。

1
const fs = require('fs');

獲取GET請求內容

由於GET請求直接被嵌入在路徑中,URL是完整的請求路徑,包括了?後面的部分,因此你可以手動解析後面的內容作為GET請求的參數。
node.jsurl模組中的parse函數提供了這個功能。

註:關於url模組可以參考Node.js | Router(路由)這篇文章。

實例

1
2
3
4
5
6
7
8
9
10
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);

console.log("Server has started.");

開啟瀏覽器瀏覽:

1
http://localhost:3000/user?name=Morose&url=morosedog.gitlab.io

瀏覽結果:

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

獲取URL的參數

我們可以使用url.parse方法來解析URL中的參數。

實例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var http = require('http');
var url = require('url');
var util = require('util');
 
http.createServer(function(req, res){
    res.writeHead(200, {'Content-Type': 'text/html;charset=UTF-8'});
 
    // 解析 url 參數
    var params = url.parse(req.url, true).query;
    res.write("網站名:" + params.name);
    res.write("<br>");
    res.write("網站 URL:" + params.url);
    res.end();
 
}).listen(3000);

console.log("Server has started.");

開啟瀏覽器瀏覽:

1
http://localhost:3000/user?name=Morose&url=morosedog.gitlab.io

瀏覽結果:

1
2
網站名:Morose
網站 URL:morosedog.gitlab.io

獲取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);

實例

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);

開啟瀏覽器瀏覽:

1
http://localhost:3000/

輸入提交的結果:

1
2
網站名:Morose
網站 URL:morosedog.gitlab.io


註:以上參考了
Node.js GET/POST请求