nodejs下基于express实现post4种方式提交参数
2017-10-16 19:38
337 查看
node.js 下依赖Express 实现post 4种方式提交参数
上面这个图好有意思啊,哈哈, v8威武啊….
在2014年的最后一天和大家分享关于node.js 如何提交4种格式的post数据.
上上一篇说到了关于http协议里定义的4种常见数据的post方法 ,详细介绍请点击查看.
分别是这四种:
www-form-urlencoded,
form-data,
application/json,
text/xml
Express 依赖 bodyParser 对请求的包体进行解析,默认支持:application/json, application/x-www-form-urlencoded, multipart/form-data.可惜对xml没有支持,需要自己代码来实现,下面我们一一简单介绍.
(一) www-form-urlencoded
http默认的post请求是这种方式,注意这是是默认的提交方式,比如你写一个<form>….<input type=”submite” /></form> form表单,里面的submite按钮默认就是这种 www-form-urlencoded 方式提交的.
node.js 下使用Express 如何接收这种提交方式.需要 body-parse 插件支持,Express 和body-parse 的依赖关系在4.0以下版本和4.0以上版本是不同的,可以搜索本站 body-parse 关键词查看.
上面搭建起一个简单的server ,node app.js 运行起来,现在是可以接收 post www-form-urlencoded类型参数的.
我们在上面的代码中加上一个路由.
现在用postman模拟一个post请求,
红框指定了提交方式是 www-form-urlencoded 方式
可以看到 200 状态,成功识别了请求参数并且返回来.
(二) form-data
也是比较常用的提交数据的方式,和上面一种不同的是form表单里需要有 enctype 标识.
比如我们在上传文件的时候,必须在form标签里做这样的标识 enctype=”multipart/form-data”
而这种提交方式一般用在文件上传,所以 在node.js 里处理这类表单还需要 中间件 connect-multiparty ,他是专门处理此类post数据相关的依赖包.github官方地址: https://github.com/andrewrk/connect-multiparty
使用也非常简单,上面的代码不变,只需要在你的相关路由里指定此中间件,它就可以帮你处理请求.
我用postman模拟,没有办法上传文件,只模拟表单…参数同样直接返回客户端,
(三) application/json
一般api喜欢此类提交方式,数据使用方法,节省带宽.
bodyParser 支持此类参数解析.
注意: 在提交之前需要指定http 请求头为 content-type=application/json
代码如下:
注意上面的配置参数,指定参数使用json格式.
(四) text/xml
这种请求类型不是特别常见, body-parse默认也不解析这种数据格式,目前腾讯微信平台在使用这种数据交换格式.node.js 在express 如何解析这种格式,没有好的办法,只能自己用代码处理,把请求体参数按照字符串读取出来,然后使用 xml2json 包把字符串解析成json对象,使用起来就方便多了.
注意:
我们还是要使用 body-parse 得到字符串,然后再转化.
xml格式请求需要指定 http 请求头 content-type=text/xml
利用req上定义的事件 data 来获取http请求流, end 事件结束请求流的处理.
利用 xml2json 把上面得到的请求参数流(我们直接转化为字符串)转化为 json 对象.
代码如下:
我们最后也是把提交的xml格式字符串转化成json对象输出到客户端.
上面这个图好有意思啊,哈哈, v8威武啊….
在2014年的最后一天和大家分享关于node.js 如何提交4种格式的post数据.
上上一篇说到了关于http协议里定义的4种常见数据的post方法 ,详细介绍请点击查看.
分别是这四种:
www-form-urlencoded,
form-data,
application/json,
text/xml
Express 依赖 bodyParser 对请求的包体进行解析,默认支持:application/json, application/x-www-form-urlencoded, multipart/form-data.可惜对xml没有支持,需要自己代码来实现,下面我们一一简单介绍.
(一) www-form-urlencoded
http默认的post请求是这种方式,注意这是是默认的提交方式,比如你写一个<form>….<input type=”submite” /></form> form表单,里面的submite按钮默认就是这种 www-form-urlencoded 方式提交的.
node.js 下使用Express 如何接收这种提交方式.需要 body-parse 插件支持,Express 和body-parse 的依赖关系在4.0以下版本和4.0以上版本是不同的,可以搜索本站 body-parse 关键词查看.
我们在上面的代码中加上一个路由.
红框指定了提交方式是 www-form-urlencoded 方式
可以看到 200 状态,成功识别了请求参数并且返回来.
(二) form-data
也是比较常用的提交数据的方式,和上面一种不同的是form表单里需要有 enctype 标识.
比如我们在上传文件的时候,必须在form标签里做这样的标识 enctype=”multipart/form-data”
而这种提交方式一般用在文件上传,所以 在node.js 里处理这类表单还需要 中间件 connect-multiparty ,他是专门处理此类post数据相关的依赖包.github官方地址: https://github.com/andrewrk/connect-multiparty
4000 |
(三) application/json
一般api喜欢此类提交方式,数据使用方法,节省带宽.
bodyParser 支持此类参数解析.
注意: 在提交之前需要指定http 请求头为 content-type=application/json
代码如下:
(四) text/xml
这种请求类型不是特别常见, body-parse默认也不解析这种数据格式,目前腾讯微信平台在使用这种数据交换格式.node.js 在express 如何解析这种格式,没有好的办法,只能自己用代码处理,把请求体参数按照字符串读取出来,然后使用 xml2json 包把字符串解析成json对象,使用起来就方便多了.
注意:
我们还是要使用 body-parse 得到字符串,然后再转化.
xml格式请求需要指定 http 请求头 content-type=text/xml
利用req上定义的事件 data 来获取http请求流, end 事件结束请求流的处理.
利用 xml2json 把上面得到的请求参数流(我们直接转化为字符串)转化为 json 对象.
原文来自:http://yijiebuyi.com/blog/90c1381bfe0efb94cf9df932147552be.html
相关文章推荐
- node.js 下依赖Express 实现post 4种方式提交参数
- node.js 下依赖Express 实现post 4种方式提交参数
- node.js 下依赖Express 实现post 4种方式提交参数
- 跨域请求:Fetch实现跨域请求与POST方式参数提交
- java 实现通过 post 方式提交json参数
- 使用post方式提交表单如何获取图片数据及其他文本参数[NodeJS]
- HttpClient 实现重定向 以表单方式post提交参数
- 通过表单form模拟post方式提交多参数实现文件下载
- 基于nginx的C模块代码实现获取POST请求参数并回传给客户端
- 使用基于Android网络通信的OkHttp库实现Get和Post方式简单操作服务器JSON格式数据
- C#实现POST提交方式
- struts2中form表单使用post方式提交参数(键值对)超过10000的限制
- Nodejs express 获取url参数,post参数的三种方式
- nodejs_Post方式提交json字符串(request)
- python flask 服务器端实现接口,post,get 方式,参数获取方法
- PHP发送POST请求的三种方式 分别使用curl file_get_content fsocket 来实现post提交数据
- [转] nodeJS的post提交简单实现
- form表单采用post提交方式提交,在url后面加问号再传递一个参数,提交后是否能接收到?
- android向web提交参数的4种方式总结,附带网站案例源码
- js post方式传递提交的实现代码