Nodejs之http的表单提交_网络技术_宿州市腾雀网络科技有限公司

Nodejs之http的表单提交

发布时间 - 2026-01-11 02:14:00 点击率：次

之前介绍了http模块的请求与响应的过程，也介绍了TCP协议的客户端与服务端的数据传输，http协议是TCP上层协议。这里创建了一个简单的web服务器，并对提交表单数据进行处理，根据了不起的Node.js一书总结。

POST方法提交表单数据

　　之前也总结过，向服务器提交数据需要使用POST方法，GET方法的请求信息都在查询字符串中，没有请求体，而POST方法的传输的数据都在请求体中，故提交表单数据时需要使用POST方法。

　　req是请求信息，req.url表示请求的地址，当服务器运行之后，req请求的网址为127.0.0.1:3000，此时req.url为‘/'，则返回的是一串表单数据，在表单数据中设置了method是post，action是‘/url'，表面提交数据的方式是POST，将数据提交的地址为127.0.0.1:3000/url，而提交之后要获取新的页面即127.0.0.1:3000/url，此时req.url为‘/url'，故显示的另一个页面。

 //提交表单数据
 var http=require('http');
 var querystring=require('querystring');
 
 var server=http.createServer(function (req,res) {
 //req.url不同则返回的页面不同
 if('/'==req.url){
  res.writeHead(200,{'Content-Type':'text/html'});
  res.write([
  '<form method="post" action="/url">',
  '<h1>My Form</h1>',
  '<fieldset>',
  '<label>Personal Information</label>',
  '<p>What is your name?</p>',
  '<input type="text" name="name">',
  '<button>submit</button>',
  '</form>'
  ].join(''));
  res.end();
 }else if('/url'==req.url&&req.method=='POST'){
  var reqBody='';
  req.on('data',function (data) {
  reqBody += data;
  });
  req.on('end',function () {//用于数据接收完成后再获取
  res.writeHead(200,{'Content-Type':'text/html'});
  res.write('you have sent a '+req.method+' request\n');
  res.write('<p>Content-Type:'+req.headers['content-type']+'</p>'
   +'<p>Data:your name is '+querystring.parse(reqBody).name+'</p>');
  res.end();
  })
 }else{
  res.writeHead(404);
  res.write('Not Found');
  res.end();
 }
 }).listen(3000,function () {
 console.log('server is listening 3000');
 });

　　提交之后，需要获取请求信息的请求体，因为POST方法中信息都在请求体中，用req绑定data事件获取数据，这里需要注意的是必须得在数据接收完成后再对数据进行操作，即必须绑定end事件监听请求信息是否传输完成。

　　querystring是查询字符串模块，用于对查询字符串的解析，parse方法将查询字符串解析成一个对象。在git中运行服务器，得到页面是这样的：

提交数据后：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Nodejs # http # 表单 # JSP之表单提交get和post的区别详解及实例 # 基于JavaScript实现带数据验证和复选框的表单提交 # JavaScript阻止表单提交方法（附代码） # 使用AngularJS对表单提交内容进行验证的操作方法 # JS表单提交中onsubmit事件return的作用详解 # 都在 # 的是 # 绑定 # 完成后 # 是这样 # 并对 # 一书 # 需要注意 # 要使 # 服务端 # 大家多多 # 时需 # 再对 # 客户端 # var # require # brush # action # post

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：SCIM 中如何通过单次调用移除用户在所有群组中的成员身份

下一篇：如何备份Debian系统日志

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：SCIM 中如何通过单次调用移除用户在所有群组中的成员身份