AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

开心档-软件开发入门之Node.js GET/POST请求

2023-02-09 206
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 在很多场景中，我们的服务器都需要跟用户的浏览器打交道，如表单提交。表单提交到服务器一般都使用 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.kxdang.com/topic/ 然后查看返回结果:


获取 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.kxdang.com/topic/ 然后查看返回结果:

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


Node.js GET/POST请求


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

表单提交到服务器一般都使用 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.kxdang.com/topic/ 然后查看返回结果:


获取 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.kxdang.com/topic/ 然后查看返回结果:


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

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.kxdang.com/topic/ 然后查看返回结果:


获取 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.kxdang.com/topic/ 然后查看返回结果:


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


文章标签：
云解析DNS
JavaScript
关键词：
JavaScript请求
node.js请求
入门JavaScript
node.js入门
JavaScript post
aliyun9716897934
目录
相关文章
蓝易云
|
9月前
|
JavaScript 前端开发 开发者
Nest.js控制器深度解析：路由与请求处理的高级特性
以上就是对 NestJS 控制层高级特性深度解析：从基本概念到异步支持再到更复杂场景下拦截其与管道等功能性组件运用都有所涉及，希望能够帮助开发者更好地理解和运用 NestJS 进行高效开发工作。
蓝易云
502 15
蓝易云
|
JavaScript 前端开发 API
Node.js中发起HTTP请求的五种方式
以上五种方式，尽管只是冰山一角，但已经足以让编写Node.js HTTP请求的你，在连接世界的舞台上演奏出华丽的乐章。从原生的 `http`到现代的 `fetch`，每种方式都有独特的风格和表现力，让你的代码随着项目的节奏自由地舞动。
蓝易云
993 65
游客lijmi4663rgsa
|
JavaScript 前端开发 API
JavaScript中通过array.map(）实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等，array.map(）的使用详解（附实际应用代码）
array.map(）可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等，比for好用太多了，主要是写法简单，并且非常直观，并且能提升代码的可读性，也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题，只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助，麻烦您点个赞支持一下，还可以收藏起来以备不时之需，有疑问和错误欢迎在评论区指出~
游客lijmi4663rgsa
754 1
cqtianxin1
|
JavaScript
Node.js GET/POST请求
10月更文挑战第6天
cqtianxin1
272 2
Node.js GET/POST请求
奔跑的数据
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据：入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据，并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库，能够模拟真实浏览器访问，支持JavaScript渲染，适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤，并提供了代码示例。此外，还给出了注意事项和优化建议，帮助读者高效地抓取和分析招生数据。
奔跑的数据
642 0
如何使用Puppeteer和Node.js爬取大学招生数据：入门指南
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
wishCoding
471 2
雨溪-yuxi
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念，从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链，层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
雨溪-yuxi
357 1
JavaScript中的原型 保姆级文章一文搞懂
疯狂的猿
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
疯狂的猿
238 0
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
wishCoding
596 5
wishCoding
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
wishCoding
461 4

热门文章

最新文章

  • 1
    javascript中的Date对象和Math对象
  • 2
    国际观点：JavaScript正在成为Ruby杀手?
  • 3
    汇编指令学习（JMP、JE、JS、JP，JO，JB）
  • 4
    JavaScript处理数字转化为大写金额
  • 5
    [转]js日期时间函数(经典＋完善＋实用)
  • 6
    Javascript类型推断(1) - 获取token和类型
  • 7
    基于springboot+vue.js的医院急诊系统附带文章和源代码设计说明文档ppt
  • 8
    vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别？
  • 9
    DotNetNuke(DNN)皮肤制作-通过JS文件解决不同IE版本对CSS解释不一致的问题
  • 10
    JS——根据对象数组的某个属性值找到指定的对象
  • 1
    k8s群集调度之 pod亲和 node亲和 标签指定
    1135
  • 2
    基于 Node.js 环境，使用内置 http 模块，创建 Web 服务程序
    640
  • 3
    细讲Node.js模块化，以及 CommonJS 标准语法导出和导入，详细简单易懂！
    398
  • 4
    node.js中path模块-路径处理，语法讲解
    297
  • 5
    node.js中的fs模块，读写语法讲解
    316
  • 6
    Node.js安装及环境配置，详细简单易懂！一文get全部！
    6610
  • 7
    构建一个基于Node.js的实时数据流处理系统
    478
  • 8
    DOM 属性列表（命名节点图 Named Node Map）
    253
  • 9
    构建高效可扩展的RESTful API：Node.js与Express框架实践指南构建未来：云原生架构在企业数字化转型中的关键作用
    430
  • 10
    DOM 节点列表长度（Node List Length）
    217

    • 相关课程

    更多
  • Node.js 入门与实战
  • JavaScript入门与实战
  • Node.js 入门教程文档
  • JavaScript 自学手册文档教程

    • 相关电子书

    更多
  • 探究 Node.js 的服务端之路
  • 个推微服务实践 基于OpenResty 和Node.js
  • 沪江基于Node.js大规模应用实践
    • 下一篇
    小红书笔记详情API深度解析与实战指南（2025年最新版）