1. 程式人生 > >HTTP請求中的form data,request payload,query string parameters以及在node服務器中如何接收這些參數

HTTP請求中的form data,request payload,query string parameters以及在node服務器中如何接收這些參數

orm function log tab 參數 title 方法 ext head

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服務器中如何接收這些參數