详细说明Node.Js如何处理post数据的思路

来源:爱站网时间:2020-10-01编辑:网友分享
基于nodejs的服务器开发已有成熟的框架,其实要熟练地使用这些框架并不难,但许多人不知道为什么都做不好,别着急,下面是爱站技术频道小编为大家带来的详细说明Node.Js如何处理post数据的思路,一起进入下文看看吧!

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

基于nodejs的服务器开发已有成熟的框架,其实要熟练地使用这些框架并不难,但许多人不知道为什么都做不好,别着急,下面是爱站技术频道小编为大家带来的详细说明Node.Js如何处理post数据的思路,一起进入下文看看吧!

实现思路

将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 = ''+ 
  ''+ 
  ''+ 
  ''+ 
  ''+ 
  '
'+ ''+ ''+ '
'+ ''+ ''; 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 = ''+ 
  ''+ 
  ''+ 
  ''+ 
  ''+ 
  '
'+ ''+ ''+ '
'+ ''+ ''; 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 ,提交

上述的就是爱站技术频道小编介绍的关于详细说明Node.Js如何处理post数据的思路,希望可以帮助到对此感兴趣的你,遇到问题以后我们不要多想,要看看要怎么解决才是最好的。

上一篇:JavaScript实现左右无缝滚动效果

下一篇:vuejs解析中闪烁的原因及防止方法

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载