详解Node.Js如何处理post数据
编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
这篇文章给大家介绍了如何利用Node.Js处理post数据，文中通过实例和图文介绍的很详细，有需要的小伙伴们可以参考借鉴，狼蚁网站SEO优化来一起看看吧。
实现思路
将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 ，提交
总结
以上就是这篇文章的全部内容了，希望这篇文章的内容对大家的学习或者工作带来一定的帮助，如果有疑问大家可以留言交流。