微信小程序设置全局请求URL及封装wx.request请求操
编程学习 2021-07-04 15:50www.dzhlxh.cn编程入门
这篇文章主要介绍了微信小程序设置全局请求URL及封装wx.request请求操作,结合实例形式分析了微信小程序针对wx.requset请求的封装及调用操作相关实现技巧,需要的朋友可以参考下
本文实例讲述了微信小程序设置全局请求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)
})
}
})
希望本文所述对大家微信小程序开发有所帮助。