码迷,mamicode.com
首页 > Web开发 > 详细

HTTP请求中的form data,request payload,query string parameters以及在node服务器中如何接收这些参数

时间:2017-10-21 18:58:54      阅读:1455      评论:0      收藏:0      [点我收藏+]

标签:http   需要   事件   copy   logs   title   strong   var   log   

http://www.cnblogs.com/hsp-blog/p/5919877.html

 

    今天,在工作(倒腾微信小程序)的时候,发现发送post请求到node后台服务器接收不到前端传来的参数。其实也不是完全不能,期初用jquery中的ajax进行时候是没有任何问题的(后台可以接受参数)。

    然后经过在谷歌控制台中查看headers发现是传递时候的参数方式不同:图1(jq中ajax),图2(微信小程序中的wx.request())

   技术分享(图一)技术分享(图二)

    看见了吧 每个图的倒数第二行 Form Data和 Request Payload这两种不同的传递方式造成后台服务器取不到参数。这样就需要在后台服务器对不同的方式,进行不同的接收参数方法:以node+express+post请求为例子(默认参数传递的是json对象)

方式 处理
Form Data req.body
Request Payload var str="";req.on("data",function(chunk){str+=chunk})

   Request Payload方式是以“流“”的方式出入到后台,需要监听data事件来获取完整的数据。

   测试代码(Form Data):

    

技术分享
 1 var express = require(‘express‘);
 2 var router = express.Router();
 3 
 4 /* GET home page. */
 5 router.post(‘/‘, function(req, res, next) {11     console.log(req.body)14     var str="";
15     req.on("data",function(dt){
16         str+=dt
17     })
18     req.on("end",function(){
19         console.log(str)
20     })
26     res.send({name:1})
27 });
28 module.exports = router;
技术分享

结果:技术分享

测试代码(Request Payload):

技术分享
 1  var express = require(‘express‘);
 2   var router = express.Router();
 3   
 4   /* GET home page. */
 5   router.post(‘/‘, function(req, res, next) {
var str=""; 6 req.on("data",function(chunk){ 7 str+=chunk 8 }) 9 req.on("end",function(){ 10 console.log(str) 11 }) 12 res.send({name:1}) 13 }); 14 module.exports = router;
技术分享

结果:技术分享

query string parameters就比较常见一般在控制台中headers出现是因为....url?name=1 就是说url地址?后边出现参数例如name=1。

后台取参数 通过req.query就可以技术分享

  总结:就是根据不同的参数传递方式,后台有不同的获取方式,应当对应!http中的get方法传递参数都是query string parameters

HTTP请求中的form data,request payload,query string parameters以及在node服务器中如何接收这些参数

标签:http   需要   事件   copy   logs   title   strong   var   log   

原文地址:http://www.cnblogs.com/linkenpark/p/7705174.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!