node js中的req.body，req.query，req.params取参数

1、原生node中怎么获取get/post请求参数

1.1 处理get请求参数

使用node自带的核心模块----url模块

url.parse();方法将一个完整的URL地址，分为很多部分，常用的有：host、port、pathname、path、query。
第一个参数是地址，
第二个参数默认是false，设置为ture后，将字符串格式转换为对象格式。字符串（“a=1&b=2”）转换为了对象格式（{a: 1,b: 2}）。

代码：

var urlObj = url.parse(req.url ,true);
var query = urlObj.query;

1.2 处理post请求参数

POST请求一般会提交数据给服务器，服务器在接收数据的时候也是分块接收的；

要想获得post参数对象，需要用到第三方包querystring

代码：

const http = require('http');
const server = http.createServer();
server.listen(3000, () => console.log('启动了'));

// 只要有浏览器发来请求，就会触发下面的事件
server.on('request', (req, res) => {
    // console.log('123');
    // console.log(req.method); // POST
    // POST请求，意思是浏览器提交数据给服务器
    // 服务器肯定要接收这些数据，并把这些数据保存
    // 如何接收POST提交过来的数据
    /**
     * 1. 给req注册data事件，当有数据提交过来就会触发，事件的作用是接收数据，接收大量数据的时候，是分块接收的
     * 2. 给req注册end事件，当数据全部接收完毕，会触发
     */
    // 先定义一个空字符串，里面准备存放接收到的数据
    let str = '';
    req.on('data', (chunk) => {
        str += chunk; // 把接收到的一块数据拼接到str中
    });
    req.on('end', () => {
        console.log(str); // id=1&name=zs&age=43
        // 将接收到的数据，赋值给req.body
        // req.body属性本来不存在，是自定义的，你也可以用其他的名字
        req.body = querystring.parse(str); // querystring.parse是将字符串转成对象{id:1,bane:zs,age:43}
    });

});    

2、express框架中获取请求的参数方法

2.1 req.body

通常用来解析POST请求中的数据
req.body不是nodejs默认提供的，需要载入中间件body-parser中间件才可以使用req.body
例如前台代码：

<script>
    $('.btn-save').click(function (e) {
      e.preventDefault();
      var fd = new FormData($('form')[0]);
      
      $.ajax({
        type: 'post',
        url: '/updateHero',
        data: fd,
        dataType: 'json',
        success: function (res) {
          console.log(res);
          
          alert(res.message);
          if (res.code == 200) {
            location.href = './index.html'
          }
        },
        processData: false,
        contentType: false
      })
    })
  </script>

后台代码：

app.post('/updateHero', upload.single('heroIcon'), function (req, res) {
  // console.log(req.body);
  // console.log(req.file);
  // return;
  let id = req.body.id;
  // 如果id为空或者不是数字类型的时候，参数错误，给出提示
  if (!id || isNaN(id)) {
    res.send('参数错误');
    return;
  }
  let sql = 'update heroes set ? where id = ?';
  let values = {
    name: req.body.heroName,
    nickname: req.body.heroNickName,
    skill: req.body.skillName,
  }
  // 如果图片没有改动req.file的值为undefined,所以需要单独判断
  if (req.file) {
    values.file = req.file.path
  }
  db(sql, [values, id], (err, result) => {
    if (err) {
      res.send({ code: 201, message: '修改失败' });
    } else {
      res.send({ code: 200, message: '修改成功' });
    }
  })
})

2.2 req.query

由nodejs默认提供，无需载入中间件，此方法多适用于GET请求，解析GET请求中的参数
包含在路由中每个查询字符串参数属性的对象，如果没有则为{}
举例前台代码：

<script>
    // 获取地址栏的id
    var id = location.search;
    // 发送ajax请求到/getHeroById端口，获取信息
    $.get('/getHeroById' + id, function (res) {
      $('#heroName').val(res.name);
      $('#heroNickName').val(res.nickname);
      $('#skillName').val(res.skill);
      $('.preview').attr('src', res.file);
      $('input[type=hidden]').val(res.id);
    })
  </script>

后台代码：

app.get('/getHeroById', (req, res) => {
  let id = req.query.id;
  // 如果id为空或者不是数字类型的时候，参数错误，给出提示
  if (!id || isNaN(id)) {
    res.send('参数错误');
    return;
  }
  let sql = 'select * from heroes where id=?'
  db(sql, id, (err, result) => {
    if (err) throw err;
    res.send(result[0]);  //  result的值是一个数组
  }) 
})

2.3 req.params

nodejs默认提供，无需载入其他中间件

req.params包含路由参数（在URL的路径部分），而req.query包含URL的查询参数（在URL的？后的参数）。

例如，如果你有route/user/：name，那么“name”属性可作为req.params.name。

post和get方式提交的表单的参数的获取，都可用req.params获取，但是需要注意的是：
假设现在我们以Post方式提交表单到 /user/signup?123userid=222，在后台我们要获取到userid这个参数

这时如果我们通过req.params.userid获取到的并不是post表单提交上来的参数，因为req.params包含路由参数（在URL的路径部分），所以它在解析参数的时候包含URL中的路由，它获取的顺序是：
1.url中路由参数
2.post请求中提交参数
3.get请求中的参数
这里获取到的是123,

如果提交的路径为：/user/signup?userid=222
req.params.userid获取到的就是post提交的参数

3、示例

3.1 获取get请求的参数值（req.query）

router.get('/query', function (req, res，next) {
    console.log('get请求参数 :',req.query);
    console.log('post请求参数 :',req.body);
});

访问http:/127.0.0.1:4000/query?username=123&pwd=456

3.2 获取post请求的参数值(req.body)

html代码：

<body>
  <form action="/body" method="post">
    <input type="text" name="username" value="123">
    <input type="password" name="pwd" value="123">
    <input type="submit">
  </form>
</body>

js代码：

app.post('/body', function (req, res, next) {
  console.log('get请求参数 :',req.query);
  console.log('post请求参数 :',req.body);
});

3.3 获取url路径（req.params）

app.get('/test/:urlname', function (req, res,next) {
  console.log('url参数 :',req.params);
  console.log('get请求参数 :',req.query);
  console.log('post请求参数 :',req.body);
});

访问:http://127.0.0.1:4000/test/1234