微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能分析

發(fā)布時(shí)間：2020-09-13 05:39:17 來(lái)源：腳本之家閱讀：160 作者：自由的程序猿欄目：web開發(fā)

本文實(shí)例講述了微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能。分享給大家供大家參考，具體如下：

記錄微信小程序wx.request這個(gè)api在跟后臺(tái)交互時(shí)遇上的問題。

1、根據(jù)資料，完成第一步，請(qǐng)求發(fā)送，代碼如下：

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');
     }
})

后臺(tái)成功接收到請(qǐng)求，控制臺(tái)也打印了submit success和submit complete，但是，后臺(tái)請(qǐng)求并未接收到數(shù)據(jù)，打開調(diào)試，發(fā)現(xiàn)數(shù)據(jù)都在request payload中，所以后臺(tái)無(wú)論是springmvc的映射bean還是req.getParameter都拿不到參數(shù)。

解決方法參考本站：https://www.jb51.net/article/129039.htm

簡(jiǎn)單說就是增加了header: {'content-type': 'application/x-www-form-urlencoded'},后臺(tái)成功獲取數(shù)據(jù)。

至此，代碼如下：

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、接收請(qǐng)求返回?cái)?shù)據(jù)

這一步問題不大，我是按照json格式返回的，只是按照官網(wǎng)寫的console.log(res.data)的話，會(huì)在控制臺(tái)打印Object，帶上參數(shù)名就好了，比如res.data.code

希望本文所述對(duì)大家微信小程序開發(fā)有所幫助。

向AI問一下細(xì)節(jié)

微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽