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

更新時(shí)間：2017年11月25日 10:36:13 作者：自由的程序猿

這篇文章主要介紹了微信小程序wx.request實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互功能,分析微信小程序wx.request在后臺(tái)數(shù)據(jù)交互過(guò)程中遇到的問(wèn)題與相關(guān)的解決方法,需要的朋友可以參考下

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

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

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ù)，打開(kāi)調(diào)試，發(fā)現(xiàn)數(shù)據(jù)都在request payload中，所以后臺(tái)無(wú)論是springmvc的映射bean還是req.getParameter都拿不到參數(shù)。

解決方法參考本站：http://www.dhdzp.com/article/129039.htm

簡(jiǎn)單說(shuō)就是增加了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ù)

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

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

您可能感興趣的文章:

相關(guān)文章

JavaScript函數(shù)增強(qiáng)以及額外知識(shí)
函數(shù)就是封裝了一段可以被重復(fù)執(zhí)行調(diào)用的代碼塊,下面這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)增強(qiáng)以及額外知識(shí)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-06-06
JavaScript前端中實(shí)現(xiàn)本地儲(chǔ)存的常用方式繪制
JavaScript本地存儲(chǔ)是Web開(kāi)發(fā)中用于在客戶(hù)端存儲(chǔ)數(shù)據(jù)的重要技術(shù),本文為大家整理了一些常見(jiàn)方式及其區(qū)別和應(yīng)用場(chǎng)景,大家可以根據(jù)需求進(jìn)行選擇
2025-03-03
js實(shí)現(xiàn)無(wú)感刷新的實(shí)踐(附前后端實(shí)現(xiàn))
無(wú)感刷新機(jī)制的目的是在用戶(hù)不知情的情況下,自動(dòng)更新其認(rèn)證令牌本文,主要介紹了js實(shí)現(xiàn)無(wú)感刷新的實(shí)踐(附前后端實(shí)現(xiàn)),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-04-04
基于javascript實(shí)現(xiàn)隨機(jī)顏色變化效果
這篇文章主要介紹了基于javascript實(shí)現(xiàn)隨機(jī)顏色變化效果的相關(guān)資料,需要的朋友可以參考下
2016-01-01
優(yōu)化網(wǎng)頁(yè)之快速的呈現(xiàn)我們的網(wǎng)頁(yè)
優(yōu)化網(wǎng)頁(yè)之快速的呈現(xiàn)我們的網(wǎng)頁(yè)...
2007-06-06
layui 監(jiān)聽(tīng)表格復(fù)選框選中值的方法
今天小編就為大家分享一篇layui 監(jiān)聽(tīng)表格復(fù)選框選中值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
javascript模仿百萬(wàn)格子小的一小段代碼
javascript模仿百萬(wàn)格子小的一小段代碼...
2007-08-08
利用jsonp跨域調(diào)用百度js實(shí)現(xiàn)搜索框智能提示
這篇文章主要為大家詳細(xì)介紹了使用jsonp跨域調(diào)用百度js實(shí)現(xiàn)搜索框智能提示，感興趣的小伙伴們可以參考一下
2016-08-08
javascript學(xué)習(xí)總結(jié)之js使用技巧
本篇文章給大家分享javascript學(xué)習(xí)總結(jié)之js使用技巧，都是精華喔～小伙伴快來(lái)學(xué)習(xí)吧。
2015-09-09
DEDECMS如何為文章添加HOT NEW標(biāo)志圖片
再用織夢(mèng)建站的時(shí)候，常常需要要在列表頁(yè)添加前兩天的文章后面添加個(gè)new小圖片，那么此功能是怎么實(shí)現(xiàn)的呢，下面通過(guò)本文給大家詳解dedecms為文章添加HOT NEW標(biāo)志圖片，需要的朋友可以參考下
2015-08-08