微信小程序设置全局请求URL及封装wx.request请求操作示例
作者:李维山
这篇文章主要介绍了微信小程序设置全局请求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) }) } })
希望本文所述对大家微信小程序开发有所帮助。