微信小程序wx.request实现后台数据交互功能分析-Pembangunan program mini-php.cn

微信小程序wx.request实现后台数据交互功能分析

小云云

Lepaskan： 2018-05-17 16:42:23

asal

4797 orang telah melayarinya

本文主要介绍微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下

记录微信小程序wx.request这个api在跟后台交互时遇上的问题。

1、根据资料，完成第一步，请求发送，代码如下：

wx.request({
     url: &#39;https://localhost:8443/xiaochengxu/addBill.do&#39;,
     data: e.detail.value,
     method: &#39;POST&#39;,
     success:function(res) {
       console.log(&#39;submit success&#39;);
     },
     fail:function(res){
       console.log(&#39;submit fail&#39;);
     },
     complete:function(res){
       console.log(&#39;submit complete&#39;);
     }
})

Salin selepas log masuk

后台成功接收到请求，控制台也打印了submit success和submit complete，但是，后台请求并未接收到数据，打开调试，发现数据都在request payload中，所以后台无论是springmvc的映射bean还是req.getParameter都拿不到参数。

简单说就是增加了header: {'content-type': 'application/x-www-form-urlencoded'},后台成功获取数据。

至此，代码如下：

wx.request({
     url: &#39;https://localhost:8443/xiaochengxu/addBill.do&#39;,
     data: e.detail.value,
     method: &#39;POST&#39;,
     header: {&#39;content-type&#39;: &#39;application/x-www-form-urlencoded&#39;},
     success:function(res) {
       console.log(&#39;submit success&#39;);
     },
     fail:function(res){
       console.log(&#39;submit fail&#39;);
     },
     complete:function(res){
       console.log(&#39;submit complete&#39;);
     }
})

Salin selepas log masuk

2、接收请求返回数据

这一步问题不大，我是按照json格式返回的，只是按照官网写的console.log(res.data)的话，会在控制台打印Object，带上参数名就好了，比如res.data.code

相关推荐：

<a href="//m.sbmmt.com/xiaochengxu-382229.html" target="_self">微信小程序页面跳转功能</a>

微信小程序表单验证功能完整实例

微信小程序实现动态改变view标签宽度和高度的方法

Atas ialah kandungan terperinci 微信小程序wx.request实现后台数据交互功能分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!