首頁 > 微信小程式 > 小程式開發 > 微信小程式wx.request實作後台資料互動功能分析

微信小程式wx.request實作後台資料互動功能分析

小云云
發布: 2018-05-17 16:42:23
原創
4796 人瀏覽過

本文主要介紹微信小程式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>

微信小程序表單驗證功能完整實例

微信小程式實作動態改變view標籤寬度和高度的方法

以上是微信小程式wx.request實作後台資料互動功能分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板