這篇文章給大家分享的是有關(guān)微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能的示例的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來，先為南岳等服務(wù)建站，南岳等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為南岳企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

1、根據(jù)資料，完成第一步，請求發(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');
     }
})

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

簡單說就是增加了header: {'content-type': 'application/x-www-form-urlencoded'},后臺成功獲取數(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、接收請求返回數(shù)據(jù)

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

感謝各位的閱讀！關(guān)于“微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能的示例”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！