今天在整理以前写过的小程序的代码的时候,发现最开始写的代码特别乱,尤其是在发起request请求的时候,所以我就给我之前的小程序代码封装了一个request请求。其实很简单
一、我们只需在app.js中写一个请求的方法 (也可以在新建一个request.js 的文件,但是个人觉得比较麻烦)
/**
* 封装wx.request请求
* method: 请求方式
* url: 请求地址
* data: 要传递的参数
* callback: 请求成功回调函数
* errFun: 请求失败回调函数
**/
wxRequest(method, url, data, callback, errFun) {
wx.request({
url: url,
data: data,
method: method,
header: {
'content-type': method == 'POST' ? 'application/json' : 'application/x-www-form-urlencoded'
},
success: function(res) {
callback(res.data);
},
fail: function(err) {
errFun(res);
}
})
},
二、在app.js中设置全局请求的url
globalData: {
// 设置全局参数,用于request请求
URL: 'http://xxx.xxxxx.vn:8000',
},
三、在需要发起请求页面的js文件中先要获取app.js 中的应用实例,然后发起请求
//获取应用实例
const app = getApp()
//用法
let method = 'POST' (请求的方式)
let url = app.globalData.URL + '你的接口地址';
let data = data (这里是你接口要的数据)
app.wxRequest('POST', url, data, (res) => {
res => 接口请求成功接口返回的数据
}, (err) => {
err => 接口请求失败接口返回的数据
})