node.js 下依赖Express 实现post 4种方式提交
关于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 关键词查看.
var express = require('express')
var bodyParser = require('body-parser')
var app = express();var server = require('http').createServer(app)
app.use(bodyParser.urlencoded({ extended: true}))
var PORT = process.env.PORT || 8002;server.listen(PORT)
上面搭建起一个简单的server ,node app.js 运行起来,现在是可以接收 post www-form-urlencoded类型参数的.
我们在上面的代码中加上一个路由.
app.post('/urlencoded', function (req, res) {
console.log(req.body); res.send(req.body);
});
//注意,这个路由应该是加在 var PORT=process.env.PORT || 8002;
上面现在用postman模拟一个post请求,
红框指定了提交方式是 www-form-urlencoded 方式
index.png
可以看到 200 状态,成功识别了请求参数并且返回来.
(二) form-data
也是比较常用的提交数据的方式,和上面一种不同的是form表单里需要有 enctype 标识.
比如我们在上传文件的时候,必须在form标签里做这样的标识 enctype="multipart/form-data"
而这种提交方式一般用在文件上传,所以 在node.js 里处理这类表单还需要 中间件 connect-multiparty ,他是专门处理此类post数据相关的依赖包.github官方地址: https://github.com/andrewrk/connect-multiparty
npm install connect-multiparty
使用也非常简单,上面的代码不变,只需要在你的相关路由里指定此中间件,它就可以帮你处理请求.
var multipart = require('connect-multiparty')
var multipartMiddleware = multipart()
app.post('/formdata',multipartMiddleware, function (req, res) {
console.log(req.body); res.send(req.body)
})
我用postman模拟,没有办法上传文件,只模拟表单...参数同样直接返回客户端,
index.png
(三) application/json
一般api喜欢此类提交方式,数据使用方法,节省带宽.
bodyParser 支持此类参数解析.
注意: 在提交之前需要指定http 请求头为 content-type=application/json
代码如下:
var express = require('express');var bodyParser = require('body-parser');var multipart = require('connect-multiparty');var multipartMiddleware = multipart();//var morgan = require('morgan');var app = express();var server = require('http').createServer(app);app.use(bodyParser.json({limit: '1mb'})); //这里指定参数使用 json 格式app.use(bodyParser.urlencoded({ extended: true}))
app.post('/json', function (req, res) {
console.log(req.body); res.send(req.body)
})
var PORT = process.env.PORT || 8002;server.listen(PORT)
注意上面的配置参数,指定参数使用json格式.
app.use(bodyParser.json({limit: '1mb'}));
index.png
(四) text/xml
这种请求类型不是特别常见, body-parse默认也不解析这种数据格式,目前腾讯微信平台在使用这种数据交换格式.node.js 在express 如何解析这种格式,没有好的办法,只能自己用代码处理,把请求体参数按照字符串读取出来,然后使用 xml2json 包把字符串解析成json对象,使用起来就方便多了.
注意:
我们还是要使用 body-parse 得到字符串,然后再转化.
xml格式请求需要指定 http 请求头 content-type=text/xml
利用req上定义的事件 data 来获取http请求流, end 事件结束请求流的处理.
利用 xml2json 把上面得到的请求参数流(我们直接转化为字符串)转化为 json 对象.
npm install xml2json
代码如下:
var express = require('express');
var bodyParser = require('body-parser');
var xml2json=require('xml2json');
var app = express();
var server = require('http').createServer(app);
app.use(bodyParser.urlencoded({ extended: true}));
app.post('/xml', function (req, res) {
req.rawBody = '';
var json={};
req.setEncoding('utf8');
req.on('data', function(chunk) {
req.rawBody += chunk; });
req.on('end', function() {
json=xml2json.toJson(req.rawBody);
res.send(JSON.stringify(json));
});
});
var PORT = process.env.PORT || 8002;server.listen(PORT);
我们最后也是把提交的xml格式字符串转化成json对象输出到客户端.
index.png
http://yijiebuyi.com/blog/90c1381bfe0efb94cf9df932147552be.html
