微信小程式wx.request後臺資料互動
阿新 • • 發佈:2019-01-01
From:http://blog.csdn.net/a61595579/article/details/53404451
記錄微信小程式wx.request這個api在跟後臺互動時遇上的問題。
1、根據資料,完成第一步,請求傳送,程式碼如下:
[javascript] view plain copy- <span style="white-space:pre"> </span>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都拿不到引數。
解決方法參考連結:http://blog.csdn.NET/mhmyqn/article/details/25561535/
簡單說就是增加了header: {'content-type': 'application/x-www-form-urlencoded'},後臺成功獲取資料。至此,程式碼如下:
- <span style="white-space:pre"> </span>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');
- }
- })
這一步問題不大,我是按照json格式返回的,只是按照官網寫的console.log(res.data)的話,會在控制檯列印Object,帶上引數名就好了,比如res.data.code