本文主要介紹微信小程式wx.request實作後台資料互動功能,分析微信小程式wx.request在後台資料互動過程中遇到的問題與相關的解決方法,需要的朋友可以參考下
記錄微信小程式wx.request這個api在跟後台互動時遇到的問題。
1、根據資料,完成第一步,請求發送,程式碼如下:
wx.request({ url: 'https://localhost:8443/xiaochengxu/addBill.do', data: e.detail.value, method: 'POST', success:function(res) { console.log('submit success'); }, fail:function(res){ console.log('submit fail'); }, complete:function(res){ console.log('submit complete'); } })
後台成功接收到請求,控制台也列印了submit success和submit complete,但是,後台請求並未接收到數據,打開調試,發現數據都在request payload中,所以後台無論是springmvc的映射bean還是req.getParameter
都拿不到參數。
簡單說就是增加了header: {'content-type': 'application/x-www-form-urlencoded'}
,後台成功取得資料。
至此,程式碼如下:
wx.request({ url: 'https://localhost:8443/xiaochengxu/addBill.do', data: e.detail.value, method: 'POST', header: {'content-type': 'application/x-www-form-urlencoded'}, success:function(res) { console.log('submit success'); }, fail:function(res){ console.log('submit fail'); }, complete:function(res){ console.log('submit complete'); } })
2、接收請求回傳資料
這一步問題不大,我是按照json格式回傳的,只是依照官網寫的console.log(res.data)
的話,會在控制台印出Object,帶上參數名稱就好了,例如res.data.code
相關推薦:
<a href="//m.sbmmt.com/xiaochengxu-382229.html" target="_self">微信小程式頁面跳轉功能</a>
以上是微信小程式wx.request實作後台資料互動功能分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!