Node.js GET/POST请求

本文涉及的产品
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
简介: Node.js GET/POST请求

在很多场景中,我们的服务器都需要跟用户的浏览器打交道,如表单提交。

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

本章节我们将为大家介绍 Node.js GET/POST请求。


获取GET请求内容

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

node.js 中 url 模块中的 parse 函数提供了这个功能。

实例

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=菜鸟教程&url=www.runoob.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);

在浏览器中访问 http://localhost:3000/user?name=菜鸟教程&url=www.runoob.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);

以下实例表单通过 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);

执行结果 Gif 演示:

目录
相关文章
|
7天前
|
JSON JavaScript 前端开发
js请求后端9
js请求后端9
23 2
|
19天前
|
缓存 JavaScript 中间件
优化Express.js应用程序性能:缓存策略、请求压缩和路由匹配
在开发Express.js应用时,采用合理的缓存策略、请求压缩及优化路由匹配可大幅提升性能。本文介绍如何利用`express.static`实现缓存、`compression`中间件压缩响应数据,并通过精确匹配、模块化路由及参数化路由提高路由处理效率,从而打造高效应用。
58 6
|
2月前
|
JavaScript
Vue项目打包后都产生了哪些JS请求?
【8月更文挑战第19天】Vue项目打包后都产生了哪些JS请求?
74 0
Vue项目打包后都产生了哪些JS请求?
|
2月前
|
JavaScript Serverless Linux
函数计算产品使用问题之遇到Node.js环境下的请求日志没有正常输出时,该如何排查
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
2月前
|
缓存 JavaScript CDN
一次js请求一般情况下有哪些地方会有缓存处理?
一次js请求一般情况下有哪些地方会有缓存处理?
72 0
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
76 2
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
67 4
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
59 4
|
3月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
75 4