Node.js | GET/POST请求

簡介

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

1	const fs = require('fs');

獲取GET請求內容

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

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

實例

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

瀏覽結果：

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中的參數。

實例

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默認是不會解析請求體的，當你需要的時候，需要手動來做。

基本語法結構說明

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

實例

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