Node.js GET/POST请求

简介: 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月前
|
JavaScript
Node.js GET/POST请求
10月更文挑战第6天
68 2
Node.js GET/POST请求
|
9月前
|
JavaScript Serverless Linux
函数计算产品使用问题之遇到Node.js环境下的请求日志没有正常输出时,该如何排查
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
|
10月前
|
前端开发 JavaScript
【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门
【node写接口】 通过node 快速搭建一个服务器、get请求、post请求 小白入门
284 4
|
10月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
|
10月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
180 2
|
6月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
80 1
JavaScript中的原型 保姆级文章一文搞懂
|
6月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
53 0
|
10月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
256 5
|
10月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
127 3
|
10月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
135 4