middleware - bodyparser

express4之前，bodyparser是express下的一个对象。

express4把bodyparser分离出来。

 

本文中的实例基于以下的这个请求

$.ajax({
  url: '/save',
  type: 'post',
  data: {
    info: {
      nane: 'henry',
      age: 30
    },
    hobby: ['sport', 'coding']
  }
});

一般来说express在接收到这个请求时，收到的请求参数是这样的

app.post('/save', function(req, res, next){
  console.log(req.body);
  /* {'info[name]': 'henry', 'info[age]': '30', hobby[1]: 'sport', 'hobby[2]': 'coding'} */
});

显然，这样的数据是不能直接使用的。

再看看使用bodyparser后的情况

app.use(bodyparser.urlencode());
app.post('/save', function(req, res, next){
  console.log(req.body);
  /* {'info': {'name': 'henry', 'age': '30'}, 'hobby': ['sport', 'coding']} */
});

bodyparser会将解析后的请求参数覆盖到req.body, 后面的中间件可以继续访问该属性。

 

---

 

常见的http请求的Content - type有以下几种

• application/x-www-form-urlencoded 常见的form提交
• multipart/form-data 文件提交
• application/json 提交json格式的数据
• text/xml 提交xml格式的数据
• text/plain 提交纯文本

其中bodyparser.urlencode中间件用于解析application/x-www-form-urlencoded的请求参数

bodyparser.json中间件用于解析application/json的请求参数

 

另外，urlencode中间件有一个可配置的参数({extended: boolean});

这个参数为真时，中间件将使用qs模块解析请求参数，为假时使用nodejs自带的querystring来解析请求参数。

默认值是true。但是这个已经不被express官方推荐了。

 

来看看两者的区别

app.use(bodyparser.urlencode({extend: true}));
  /* 这也是默认配置 */
app.post('/save', function(req, res, next){
  console.log(req.body); 
  /* {'info': {'name': 'henry', 'age: '30'}, 'hobby': ['sport', 'coding']} */
});

另一种情况，使用querystring解析

app.use(bodyparser.urlencode({extended: false}));
app.post('/save', function(req, res, next){
  console.log(req.body);
  /* {'info[name]': 'henry', 'info[age]': '30', 'hobby[1]': 'sport', hobby[2]: 'coding'} */
});

可以看出来querystring没有很好的解析嵌套对象。所以，用qs来解析是比较合适。

但是qs自身也有涉及一些性能问题，导致解析对象的嵌套层数超过5层以后就不继续解析了。

 

一般来说，jq的ajax方法默认配置和form表单提交所使用的Content - type

都是application/x-www-form-urlencoded，并且提交的数据也不会有很深的嵌套，

使用qs来解析就足够了。但是如果非要上传复杂嵌套的数据，可以通过修改http请求的

Content-type 为 application/json即可。