詳解Node.Js如何處理post數據

2019-11-20 08:57:09

字體：大中小

來源：轉載

供稿：網友

實現思路

將data和end事件的回調函數直接放在服務器中，在data事件回調中收集所有的POST數據，當接收到所有數據，觸發end事件后，其回調函數調用請求路由，并將數據傳遞給它，然后，請求路由再將該數據傳遞給請求處理程序。

實現步驟

第一步我們設置了接收數據的編碼格式為UTF-8，第二步注冊了“data”事件的監聽器，用于收集每次接收到的新數據塊，并將其賦值給postData 變量，最后第三步我們將請求路由的調用移到end事件處理程序中，以確保它只會當所有數據接收完畢后才觸發，并且只觸發一次。我們同時還把POST數據傳遞給請求路由

示例代碼

index.js

var server = require("./server"); var router=require("./router"); var requestHandlers=require("./requestHandlers");  var handle = {} handle["/"] = requestHandlers.start; handle["/start"] = requestHandlers.start; handle["/upload"] = requestHandlers.upload;  server.start(router.route,handle);

server.js

var http = require("http"); var url=require("url");  function start(route,handle) {  function onRequest(request, response) {   var postData="";     var pathname=url.parse(request.url).pathname;   console.log("Request for"+pathname+"received.");        request.setEncoding("utf8");        request.addListener("data", function(postDataChunk) {      postData += postDataChunk;      console.log("Received POST data chunk '"+      postDataChunk + "'.");   });    request.addListener("end", function() {    route(handle, pathname, response, postData);   });     //route(handle,pathname,response);      //response.writeHead(200, {"Content-Type": "text/plain"});   //response.write("this is a demo");   //response.end();  }   http.createServer(onRequest).listen(5656,'127.0.0.1');  console.log("Server has started. localhost:5656"); }  exports.start = start;

router.js

function route(handle,pathname,response,postData){   console.log("About to route a request for"+pathname);   if(typeof handle[pathname]=='function'){     handle[pathname](response,postData);   }   else{     console.log("no request handler found for"+pathname);     response.writeHead(404, {"Content-Type": "text/plain"});   response.write("404 Not found");   response.end();   } } exports.route=route;

requestHandlers.js

//var querystring = require("querystring");  function start(response,postData) {  console.log("Request handler 'start' was called.");   var body = '<html>'+   '<head>'+   '<meta http-equiv="Content-Type" content="text/html; '+   'charset=UTF-8" />'+   '</head>'+   '<body>'+   '<form action="/upload" method="post">'+   '<textarea name="text" rows="20" cols="60"></textarea>'+   '<input type="submit" value="Submit text" />'+   '</form>'+   '</body>'+   '</html>';    response.writeHead(200, {"Content-Type": "text/html"});   response.write(body);   response.end(); }  function upload(response,postData) {  console.log("Request handler 'upload' was called.");  response.writeHead(200, {"Content-Type": "text/plain"});  response.write("You've sent: " + postData);  response.end(); }  exports.start = start; exports.upload = upload;

運行：node mynode/index

瀏覽器輸入http://localhost:5656/

結果：

在文本框里輸入“I LOVE YOU” 點擊提交

使用querystring模塊只提取文本，修改一下requestHandlers.js使只返回文本

var querystring = require("querystring");  function start(response,postData) {  console.log("Request handler 'start' was called.");   var body = '<html>'+   '<head>'+   '<meta http-equiv="Content-Type" content="text/html; '+   'charset=UTF-8" />'+   '</head>'+   '<body>'+   '<form action="/upload" method="post">'+   '<textarea name="text" rows="20" cols="60"></textarea>'+   '<input type="submit" value="Submit text" />'+   '</form>'+   '</body>'+   '</html>';    response.writeHead(200, {"Content-Type": "text/html"});   response.write(body);   response.end(); }  function upload(response,postData) {  console.log("Request handler 'upload' was called.");  response.writeHead(200, {"Content-Type": "text/plain"});  response.write("You've sent: " + querystring.parse(postData).text);  response.end(); }  exports.start = start; exports.upload = upload;

重新啟動,依舊輸入I LOVE YOU ，提交