微信小程序wx.request后台数据交互

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

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

	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'},后台成功获取数据。至此,代码如下:

	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、接收请求返回数据

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

  • 15
    点赞
  • 108
    收藏
    觉得还不错? 一键收藏
  • 24
    评论
微信小程序是一款小巧、快速、便携的应用程序,微信小程序支持开发者使用wx.request()接口来调用服务器端接口实现数据交互wx.request()是微信小程序中访问网络的API,同时也是接口调用方式之一,被广泛使用。 首先,我们需要了解wx.request()的语法。wx.request()的核心参数是一个对象,该对象包含url、method、data等属性,以实现对服务器的请求和数据传输。例如, wx.request({ url: 'https://www.example.com/request', // 请求的url地址 method: 'GET', // 请求方法 data: { // 请求参数 name: 'Tom', age: 20 }, success(res) { // 成功回调函数 console.log(res.data) }, fail(res) { // 失败回调函数 console.log(res) } }) 接下来,我们举个例子来说明wx.request()的实际应用。比如,我们需要向服务器发送一个GET请求获取参数名为name,值为Tom的用户信息: wx.request({ url: 'https://www.example.com/userinfo', // 请求的url地址 method: 'GET', // 请求方法 data: { // 请求参数 name: 'Tom' }, success(res) { // 成功回调函数 console.log(res.data) }, fail(res) { // 失败回调函数 console.log(res) } }) 以上调用代码将请求服务器上的 https://www.example.com/userinfo 地址,并传入请求参数name:'Tom',同时定义了成功和失败的回调函数。成功回调函数会在请求成功时被调用,函数中的res.data表示获取到的服务器返回数据。失败回调函数则会在请求失败时被调用,函数中的res表示请求失败的原因。 通过以上例子,简单了解了wx.request()的用法,使用wx.request()可以轻松实现微信小程序与服务器之间的相互通信,实现数据传输。值得注意的是,在使用wx.request()时,应注意数据加密,保证数据的安全传输。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 24
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值