HTTP請求中的form data,request payload,query string parameters以及在node服務器中如何接收這些參數
阿新 • • 發佈:2017-10-21
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服務器中如何接收這些參數