Node-GET请求和POST请求的用法

题记

get请求和post请求的用法,以下是具体操作和代码。

表单提交到服务器一般都使用 GET和POST 请求。

获取GET请求内容

GET请求直接被嵌入在路径中,URL是完整的请求路径,包括了?后面的部分,可以手动解析后面的内容作为GET请求的参数。

node.js 中 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);

javascript 复制代码
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);

在浏览器中访问:

http://localhost:3000/user?name=ngxe\&url=www.ngxe.com

获取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/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);

javascript 复制代码
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);

在浏览器中访问:

http://localhost:3000/user?name=ngxe\&url=www.ngxe.com

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

javascript 复制代码
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>实例</title></head>' +

'<body>' +

'<form method="post">' +

'网站名: <input name="name"><br>' +

'网站 URL: <input name="url"><br>' +

'<input type="submit">' +

'</form>' +

'</body></html>

javascript 复制代码
var http = require('http');
var querystring = require('querystring');
 
var postHTML = 
  '<html><head><meta charset="utf-8"><title>实例</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);

后记

觉得有用可以点赞或收藏!

相关推荐
福兮说1 小时前
JS 正则的六个坑:带 g 的 test() 一真一假、空匹配死循环、replace 里的 $
开发语言·前端·javascript·正则表达式
溪语流沙1 小时前
Django + Vue电商项目第005讲:后端骨架|Django初始化、配置分层与DRF接入
vue.js·后端·python·django
码艺-Alimjan1 小时前
Web 网站打包桌面应用的另一种方式,超级简单(C# exe 33Kb)
开发语言·前端·c#
沫璃染墨1 小时前
《从零入门Linux系统篇(五十一):线程篇·四——pthread线程库详解:从线程创建到终止与分离》
linux·运维·服务器·开发语言·c++·系统架构·线程
IT枫斗者枫哥1 小时前
UPDATE影响0行,接口却返回成功:把版本冲突接回业务
java·后端
Tyrvision1 小时前
新品发布前,三维动画怎么排期才不挤在最后一周?
前端
yexianglunbai1 小时前
中间件(Middleware)详解:概念、作用与实战
java·开发语言·中间件
miss1 小时前
从零做一个可视化规则引擎:Vue3 递归条件树 + 双引擎结果对比
前端·vue.js·typescript
叶总没有会1 小时前
OpenFeign
java·开发语言·springcloud·openfeign
Daorigin_com1 小时前
道本科技携手DeepSeek:以AI重塑合同全生命周期管理
前端·人工智能·科技·网络安全·数据挖掘·前端框架·传媒