微信小程序请求封装及案例展示

在微信小程序中必然需要用到请求的封装，简化代码，便于整理，那怎样进行封装请求呢？

一、app.js文件（用于请求地址的整理）

module.exports = {memberSearch: '/welkin/wx/member/query', //会员搜索  memberSearchqueryMemberDetail:"/welkin/wx/member/queryMemberDetail"//会员详情 queryMemberDetail
}

将用到的请求地址暴露出去

二、util.js文件（进行请求的封装promise）

//1.引入api.js
var api = require('api.js');
//2.请求封装
function requestPromise(url, param, method, contentType, tokentype) {if (app.globalData.nonetwork) {wx.hideLoading()wx.showModal({title: '提示',content: '当前网络不可用，请检查您的网络',showCancel: false})return}return new Promise((resolve, reject) => {/*** 重构部分老代码* @type {{"content-type": (*|string)}}*/let tempHeader = {'content-type': contentType ? contentType : 'application/x-www-form-urlencoded',}if (tokentype != '1') {tempHeader['token'] = app.globalData.code}let params = {storeCode: app.globalData.companyShopCode,storeName: app.globalData.companyShop}params = Object.assign({}, params, param)wx.request({url: app.globalData.host + url,data: params,header: tempHeader,method: method || 'POST',success: function(res) {wx.hideLoading();resolve(res.data)},fail: function(res) {console.log('请求失败')wx.showToast({title: res.message,icon: 'none',duration: 2000})wx.hideLoading()reject(res)},})})
}
//3.暴露出去
module.exports={request: requestPromise,api: api,
}
//4.页面使用
var util = require('../../../utils/util');
getMemberDetails: function (e) {let that = this;console.log(that.data);let params = {cardNum: that.data.cardNum,role: that.data.userRoleCode};wx.showLoading({title: '加载中'})util.request(util.newapi.queryMemberDetail, params, 'POST').then(function (res) {wx.hideLoading();if (res.code === 1) {that.setData({MemberDetails: {...res.data.memberInfoVO,cardType: res.data.cardType,integral: res.data.integral,}})} else {wx.showToast({title: res.message,icon: 'none',duration: 2000})}})},

微信小程序请求封装及案例展示相关推荐

【微信小程序请求封装】【进阶版】处理401请求token过期--重新登录--重新发起刚才过期的请求
微信小程序请求封装(拦截器):处理请求过期–重新登录–重新发起刚才过期的请求 env.js //这里使用的接口呢都是自己模拟的,可以根据自己的需求进行添加module.exports={//开发环境的 ...
微信小程序请求封装token
在page下建立文件夹 require.js var tokenKey = "access-token"; var serverUrl = "http://124.204 ...
小程序promise封装post请求_微信小程序promise封装get/post请求
微信小程序promise封装get/post请求 2020-07-04 20:42:49 微信小程序promise封装get/post请求叶子兔 2018-10-10 08:55:30 1056 ...
微信小程序请求及封装请求方式
一.微信小程序请求实现方式小程序发起网络请求需用到 wx.request(Object object) 例如:wx.request({url: 'test.php', //仅为示例,并非真实的接口 ...
微信小程序请求函数同步封装方法
微信小程序请求函数同步封装方法距上回说到,我们使用微信小程序请求函数时,需要多次调用,之前我们封装了一套代码,但是他是异步的,当我们下一个请求函数需要的数据是上一个请求函数得到的时候,就不可以了 ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...
微信小程序前后端交互案例
微信小程序前后端交互案例首先声明一下,本人也是一个初学者(下面的案例可能会有很多不完整或说的不正确的,所以只能起到参考作用,千万不要拿我的话当标准). 我是纯自学,之前在前后端交互方面一直搞不懂,所 ...
微信小程序拼团功能页面展示
微信小程序拼团功能页面展示一.拼团功能拼团就是让消费者在优惠价格的吸引下,自发邀请好友组团,以优惠的价格购买商品的促销活动二.拼团功能的作用 1.与纯粹的购物相比,这种营销方式迎合了大多数用户的 ...
微信小程序如何封装api接口
微信小程序如何封装api接口一. 小程序接口请求流程二,域名配置一定要配置https,小程序上配置的域名必须是域名备案的三.打开微信开发者工具,打开你的项目,点开详情.确认一下域名是否一一匹对 ...

微信小程序请求封装及案例展示

微信小程序请求封装及案例展示相关推荐

最新文章

热门文章