JavaScript

超轻量级php框架startmvc

微信小程序设置全局请求URL及封装wx.request请求操作示例

更新时间:2020-08-20 06:24:01 作者:startmvc
本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作。分享给大家供大家参

本文实例讲述了微信小程序设置全局请求URL及封装wx.request请求操作。分享给大家供大家参考,具体如下:

app.js:


App({
 //设置全局请求URL
 globalData:{
 URL: 'https://www.oyhdo.com',
 },
 /**
 * 封装wx.request请求
 * method: 请求方式
 * url: 请求地址
 * data: 要传递的参数
 * callback: 请求成功回调函数
 * errFun: 请求失败回调函数
 **/
 wxRequest(method, url, data, callback, errFun) {
 wx.request({
 url: url,
 method: method,
 data: data,
 header: {
 'content-type': method == 'GET'?'application/json':'application/x-www-form-urlencoded',
 'Accept': 'application/json'
 },
 dataType: 'json',
 success: function (res) {
 callback(res.data);
 },
 fail: function (err) {
 errFun(res);
 }
 })
 }
})

调用示例:


const app = getApp();
Page({
 onLoad: function () {
 let url = app.globalData.URL + '/User/getUserinfo';
 let data = {
 uid: '1'
 };
 app.wxRequest('POST', url, data, (res) => {
 console.log(res.data)
 }, (err) => {
 console.log(err.errMsg)
 })
 }
})

希望本文所述对大家微信小程序开发有所帮助。

微信小程序 设置 全局请求 URL 封装 wx.request请求