微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能分析
更新時間：2017年11月25日 10:36:13 作者：自由的程序猿
這篇文章主要介紹了微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能,分析微信小程序wx.request在后臺數(shù)據(jù)交互過程中遇到的問題與相關(guān)的解決方法,需要的朋友可以參考下
本文實例講述了微信小程序wx.request實現(xiàn)后臺數(shù)據(jù)交互功能。分享給大家供大家參考，具體如下：
記錄微信小程序wx.request這個api在跟后臺交互時遇上的問題。
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ù)。
解決方法參考本站：http://www.fzitv.net/article/129039.htm
簡單說就是增加了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
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關(guān)文章
函數(shù)就是封裝了一段可以被重復執(zhí)行調(diào)用的代碼塊,下面這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)增強以及額外知識的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06
JavaScript前端中實現(xiàn)本地儲存的常用方式繪制
JavaScript本地存儲是Web開發(fā)中用于在客戶端存儲數(shù)據(jù)的重要技術(shù),本文為大家整理了一些常見方式及其區(qū)別和應(yīng)用場景,大家可以根據(jù)需求進行選擇2025-03-03
js實現(xiàn)無感刷新的實踐(附前后端實現(xiàn))
無感刷新機制的目的是在用戶不知情的情況下,自動更新其認證令牌本文,主要介紹了js實現(xiàn)無感刷新的實踐(附前后端實現(xiàn)),具有一定的參考價值,感興趣的可以了解一下2024-04-04
這篇文章主要介紹了基于javascript實現(xiàn)隨機顏色變化效果的相關(guān)資料,需要的朋友可以參考下2016-01-01
優(yōu)化網(wǎng)頁之快速的呈現(xiàn)我們的網(wǎng)頁
優(yōu)化網(wǎng)頁之快速的呈現(xiàn)我們的網(wǎng)頁...2007-06-06
今天小編就為大家分享一篇layui 監(jiān)聽表格復選框選中值的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
javascript模仿百萬格子小的一小段代碼...2007-08-08
利用jsonp跨域調(diào)用百度js實現(xiàn)搜索框智能提示
這篇文章主要為大家詳細介紹了使用jsonp跨域調(diào)用百度js實現(xiàn)搜索框智能提示，感興趣的小伙伴們可以參考一下2016-08-08
本篇文章給大家分享javascript學習總結(jié)之js使用技巧，都是精華喔～小伙伴快來學習吧。2015-09-09
再用織夢建站的時候，常常需要要在列表頁添加前兩天的文章后面添加個new小圖片，那么此功能是怎么實現(xiàn)的呢，下面通過本文給大家詳解dedecms為文章添加HOT NEW標志圖片，需要的朋友可以參考下2015-08-08