Node.js GET/POST请求

本文涉及的产品
云解析DNS,个人版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 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 演示:

目录
相关文章
|
28天前
|
Web App开发 缓存 JavaScript
Node.js安装及环境配置,详细简单易懂!一文get全部!
Node.js安装及环境配置,详细简单易懂!一文get全部!
|
1月前
|
缓存 JavaScript 前端开发
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
JavaScript:get和post的区别,2024年最新3-6岁儿童学习与发展指南心得体会
|
1月前
|
存储 缓存 负载均衡
Node.js中间层如何处理并发请求以提供高性能和可扩展性
Node.js中间层如何处理并发请求以提供高性能和可扩展性
|
1月前
|
JSON JavaScript API
使用 Node.js 开发一个简单的 web 服务器响应 HTTP post 请求
使用 Node.js 开发一个简单的 web 服务器响应 HTTP post 请求
|
1天前
|
算法 JavaScript 安全
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
|
1天前
|
JavaScript
一篇文章讲明白js鼠标侧键监听(也有左键,中键和右键)
一篇文章讲明白js鼠标侧键监听(也有左键,中键和右键)
|
1天前
|
XML 缓存 JavaScript
一篇文章讲明白JS模板引擎之JST模板
一篇文章讲明白JS模板引擎之JST模板
|
13天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园食堂订餐系统附带文章源码部署视频讲解等
47 10
|
13天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园失物招领网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园失物招领网站附带文章源码部署视频讲解等
28 9
|
13天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园生活服务平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园生活服务平台附带文章源码部署视频讲解等
33 9