微信小程序连接后端接口时的wx.request写法

index.wxml中的授权登录代码：

  <button class='btn-check' bindtap="login" wx:if="{{agree != ''}}" ><label>微信授权登录</label></button>

index.js中的data里放入请求的参数说明

data: {agree:'agree',code:'',userInfo: {},rawData:{},signature:'',encryptedData:'',iv:'',},

bindtap记为login（），在js中将wx.login()和wx.request()均放在在login（）中

切记wx.request（）不能放在login（）外，否则的连接不到后端接口数据的

login(){wx.login({success:(res)=>{this.setData({code:res.code})}})wx.getUserProfile({desc: '用于登录账号，完善身份信息',success: (res) => {this.setData({userInfo:res.userInfo,rawData:res.rawData,signature:res.signature,encryptedData:res.encryptedData,iv:res.iv,})wx.request({//请求接口url: 'xxxxxx', //接口地址  data:{"authType":1,  "code":that.data.code,"rawData":that.data.rawData,"signature":that.data.signature,"encryptedData":that.data.encryptedData,"iv":that.data.iv,},method:"POST",header: {'content-Type': 'application/json',},dataType: 'json',success: function (res) {// 一般在这一打印下看看是否拿到数据console.log(res.data.data)},// 请求失败时的一些处理fail: function () {// console.log('userI现场支持nfo');wx.showToast({icon: "none",mask: true,title: "接口调用失败，请稍后再试。",});}})}})

最后点击登录，在后端数据库和前端控制台均可得到数据：（如下图所示）

则请求数据成功。

微信小程序连接后端接口时的wx.request写法相关推荐

【微信小程序系列】微信小程序连接后端数据库（SSM）案例
[微信小程序系列]微信小程序连接后端数据库(SSM)案例登录页面 login.wxml <view class="page"><loading hidden=& ...
微信小程序连接丰桥接口----路由查询
微信小程序连接丰桥平台的接口最近几天在搞微信小程序能够实现顺丰物流查询,在对接丰桥平台的接口的时候遇到了问题. 丰桥接口对接的参数要求如下: partnerID在申请开发者账号的时候,平台会分配的. ...
微信小程序连接第三方接口
这里写自定义目录标题这里给大家推荐个接口,也是我自己现在用的万维易源(489个接口) 聚合数据(244个接口) iDataAPI(98个接口) 极速数据(132个接口) 目前小编现在用的是万维易源 ...
微信小程序--请求接口时：添加全局的正在加载中图标效果
注: 如果没有封装request.js接口函数请看:https://mp.csdn.net/console/editor/html/106737440 1. 首先在封装的 request.js 文件中 ...
微信小程序wss报错：wx.request:fail ssl hand shake error 解决方法
问题的原因: 1.服务器SSL缺少中间证书 https://www.myssl.cn/tools/check-server-cert.html 如果通过这个网址网址检测网站,如果是缺少中间证书使 ...
微信小程序地理位置接口( wx.getLocation )申请方法
在平时我们在开发小程序时,难免会需要用到用户的地理位置信息的功能,微信小程序开发者开放平台新规要求如果没有申请开通微信小程序地理位置接口( wx.getLocation ),是无法审核通过小程序的. ...
用 Django 开发微信小程序后端实现用户登录
本文将介绍采用 Django 开发微信小程序后端,通过将用户模块进行重构,并采用JWT来进行用户认证,来解决以下问题: 微信小程序不支持 Cookie,因此不能采用 Django 默认的 Sessio ...
微信小程序连接阿里云物联网平台操控设备（IOT）三
文章导航: 微信小程序连接阿里云物联网平台操控设备(IOT)一设备上云微信小程序连接阿里云物联网平台操控设备(IOT)二微信小程序开发(一) 微信小程序连接阿里云物联网平台操控设备(IOT)三 ...
微信小程序连接阿里云物联网平台操控设备（IOT）二
文章导航: 微信小程序连接阿里云物联网平台操控设备(IOT)一设备上云微信小程序连接阿里云物联网平台操控设备(IOT)二微信小程序开发(一) 微信小程序连接阿里云物联网平台操控设备(IOT)三 ...

微信小程序连接后端接口时的wx.request写法

微信小程序连接后端接口时的wx.request写法相关推荐

最新文章

热门文章