node总结之GET/POST请求的发送和接收了解下

最新推荐文章于 2024-06-28 21:37:08 发布

luyaran

最新推荐文章于 2024-06-28 21:37:08 发布

阅读量472

点赞数 1

分类专栏：原创 node总结记录文章标签： node GET/POST请求发送和接收

本文链接：https://blog.csdn.net/luyaran/article/details/83501269

版权

原创同时被 2 个专栏收录

868 篇文章 9 订阅

订阅专栏

node总结记录

31 篇文章 2 订阅

订阅专栏

在我们的现实场景中，我们的node服务器都需要跟用户的浏览器打交道，也就是说建立一个交互的关系。那么，这个关系之间的通信基本上比较熟悉的就是get/post这种方式了。咱们这刺激来简单看下在node中，是如何接收和处理这些关系的。

由于GET请求直接被嵌入在路径中，URL是完整的请求路径，包括了?后面的部分，因此我们可以使用node中 url 模块中的 parse 函数手动解析后面的内容作为GET请求的参数，来看实例：


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

我们还可以使用 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/plain'});
 
    // 解析 url 参数
    var params = url.parse(req.url, true).query;
    res.write("网站名：" + params.name);
    res.write("\n");
    res.write("网站 URL：" + params.url);
    res.end();
 
}).listen(3000);

POST 请求的内容全部的都在请求体中，http.ServerRequest 并没有一个属性内容为请求体，原因是等待请求体传输可能是一件耗时的工作。比如上传文件，而很多时候我们可能并不需要理会请求体的内容，恶意的POST请求会大大消耗服务器的资源，所以 node.js 默认是不会解析请求体的，当我们需要的时候，需要手动来做，来看基本的语法：


var http = require('http');
var querystring = require('querystring');
 
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);

来看一个表单通过 POST 提交并输出数据的实例：


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

好啦，本次记录就到这里了。

如果感觉不错的话，请多多点赞支持哦。。。