今天,在工作(倒騰微信小程序)的時候,發現發送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
