1. 程式人生 > >微信小程式wx.request後臺資料互動

微信小程式wx.request後臺資料互動

From:http://blog.csdn.net/a61595579/article/details/53404451

記錄微信小程式wx.request這個api在跟後臺互動時遇上的問題。

1、根據資料,完成第一步,請求傳送,程式碼如下:

[javascript] view plain copy
  1. <span style="white-space:pre">  </span>wx.request({  
  2.           url: 'https://localhost:8443/xiaochengxu/addBill.do',  
  3.           data: e.detail.value,  
  4.           method: 'POST',  
  5.           success:function(res) {  
  6.               console.log('submit success');  
  7.           },  
  8.           fail:function(res){  
  9.               console.log('submit fail');  
  10.           },  
  11.           complete:function(res){  
  12.               console.log('submit complete');  
  13.           }  
  14.       })  

後臺成功接收到請求,控制檯也列印了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'},後臺成功獲取資料。至此,程式碼如下:

[javascript] view plain copy
  1. <span style="white-space:pre">  </span>wx.request({  
  2.           url: 'https://localhost:8443/xiaochengxu/addBill.do',  
  3.           data: e.detail.value,  
  4.           method: 'POST',  
  5.           header: {'content-type''application/x-www-form-urlencoded'},  
  6.           success:function(res) {  
  7.               console.log('submit success');  
  8.           },  
  9.           fail:function(res){  
  10.               console.log('submit fail');  
  11.           },  
  12.           complete:function(res){  
  13.               console.log('submit complete');  
  14.           }  
  15.       })  
2、接收請求返回資料

這一步問題不大,我是按照json格式返回的,只是按照官網寫的console.log(res.data)的話,會在控制檯列印Object,帶上引數名就好了,比如res.data.code