POST請求的坑

使用wx.request向伺服器提交資料時遇到的坑

1、header

wx.request 預設的是使用GET方法，content-type為application/json，但是對於普通的POST方法向伺服器提交資料，我們需要修改header如下：

method: 'POST',
header: {
    "content-type": "application/x-www-form-urlencoded"
},

2、多層級JSON

這種情況比較特殊。一般情況下POST請求會自動將data欄位中的資料轉換成JSON，所以我們的header寫法如1中所述。
這次做的點餐系統中，需要向伺服器提交的資料中又包含JSON欄位：

data: { 
    openid: "test", 
    desk_num: that.data.tableid, 
    order: that.data.currOrder
},
method: 'POST',
header: {
   "content-type":  "application/x-www-form-urlencoded"
},

其中order是對應的使用者訂單列表。但是在測試的過程中，伺服器後端接收到的結果如下：

伺服器端讀不出order的內容。這種情況下header仍要換成預設的格式：

method: 'POST',
header: {
   "content-type": "application/json"
}
 
,

這樣伺服器就可以正常獲取order欄位的內容了。