返回顶部
首页 > 资讯 > 前端开发 > VUE >Nodejs中怎么实现http表单提交
  • 679
分享到

Nodejs中怎么实现http表单提交

2024-04-02 19:04:59 679人浏览 泡泡鱼
摘要

nodejs中怎么实现Http表单提交,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。POST方法提交表单数据  之前也总结过,向服务器提交

nodejs中怎么实现Http表单提交,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

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">',
  '<h2>My Form</h2>',
  '<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表单提交

提交数据后:

Nodejs中怎么实现http表单提交

关于nodejs中怎么实现http表单提交问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网VUE频道了解更多相关知识。

--结束END--

本文标题: Nodejs中怎么实现http表单提交

本文链接: https://lsjlt.com/news/74387.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Nodejs中怎么实现http表单提交
    Nodejs中怎么实现http表单提交,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。POST方法提交表单数据  之前也总结过,向服务器提交...
    99+
    2024-04-02
  • Nodejs之http的表单提交
    之前介绍了http模块的请求与响应的过程,也介绍了TCP协议的客户端与服务端的数据传输,http协议是TCP上层协议。这里创建了一个简单的web服务器,并对提交表单数据进行处理,根据了不起的Node.js一...
    99+
    2022-06-04
    表单 Nodejs http
  • CSS中怎么实现提交表单
    CSS中怎么实现提交表单,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。CSS代码:body { padding:50px&...
    99+
    2024-04-02
  • php回车不提交表单和提交表单怎么实现
    这篇“php回车不提交表单和提交表单怎么实现”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“php回车不提交表单和提交表单怎么...
    99+
    2023-07-05
  • 怎么提交表单中disabled表单域的值
    这篇文章给大家分享的是有关怎么提交表单中disabled表单域的值的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。如果表单中的某个表单域被设定为disabled,则该表单域的值就不会被提交。但是有的时候确实需要提交...
    99+
    2023-06-08
  • AngularJS如何实现表单提交
    这篇文章将为大家详细讲解有关AngularJS如何实现表单提交,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体如下:AngularJS中的数据绑定AngularJS创建...
    99+
    2024-04-02
  • vue中怎么利用axios实现表单提交上传图片
    本篇文章为大家展示了vue中怎么利用axios实现表单提交上传图片,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。项目中用的element 的框架,然后在项目有一个添...
    99+
    2024-04-02
  • ajax中怎么提交整个from表单
    ajax中怎么提交整个from表单,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。$.ajax( {  ty...
    99+
    2024-04-02
  • java中怎么使用httpclient提交表单
    在Java中使用HttpClient提交表单可以通过以下步骤实现:1. 添加依赖:首先,需要在项目中添加HttpClient的依赖。...
    99+
    2023-08-08
    java httpclient
  • 使用ajax怎么实现在提交时校验表单
    这篇文章给大家介绍使用ajax怎么实现在提交时校验表单,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。什么是ajaxajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据...
    99+
    2023-06-08
  • 使用Servlet怎么实现一个表单提交功能
    使用Servlet怎么实现一个表单提交功能?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。用servlet实现一个注册的小功能 ,后台获取数据。注册页面:  注册页面代码 :&l...
    99+
    2023-05-31
    servlet 一个表
  • JavaScript实现异步提交表单数据
    本文实例为大家分享了JavaScript实现异步提交表单数据的具体代码,供大家参考,具体内容如下 效果如下: 首先看一下HTML代码部分: <div class="co...
    99+
    2024-04-02
  • jQuery如何实现回车提交表单
    这篇文章主要为大家展示了“jQuery如何实现回车提交表单”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery如何实现回车提交表单”这篇文章吧。回车提交表...
    99+
    2024-04-02
  • jQuery如何实现异步提交表单
    这篇文章主要为大家展示了“jQuery如何实现异步提交表单”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery如何实现异步提交表单”这篇文章吧。前言:我们...
    99+
    2024-04-02
  • Flex如何实现表单提交验证
    这篇文章给大家分享的是有关Flex如何实现表单提交验证的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Flex表单提交验证一、定义Flex表单提交验证条件,如:source为要绑定的文本框,trigger为绑定提交...
    99+
    2023-06-17
  • 如何使用JavaWeb实现表单提交
    这篇文章主要介绍如何使用JavaWeb实现表单提交,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!register.html<!DOCTYPE html PUBLIC "-...
    99+
    2023-06-29
  • vue表单提交编辑如何实现
    本篇内容主要讲解“vue表单提交编辑如何实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue表单提交编辑如何实现”吧!表单数据的绑定与修改在Vue中实现表单数据的绑定和修改需要用到v-mod...
    99+
    2023-07-06
  • 怎么在Lavarel中使用ajax提交表单
    怎么在Lavarel中使用ajax提交表单?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1,首先在模板里面加上一个meta  :<meta nam...
    99+
    2023-06-08
  • PHP中怎么预防表单重复提交
    本篇文章给大家分享的是有关PHP中怎么预防表单重复提交,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。1.使用客户端JS脚本提到客户端脚本,经常使用的是JavaScript进行常...
    99+
    2023-06-17
  • Python中如何提交表单
    Python中如何提交表单,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。Python提交表单代码示例:# -*- coding: cp936&...
    99+
    2023-06-17
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作