简单请求封装
新建文件 request.js(如:request/request.js)
function request(url, method, params, success, fail) {
this.requestLoading(url, method, params, "", success, fail)
}
// 展示进度条的网络请求
// url:网络请求的url
// params:请求参数
// message:进度条的提示信息
// success:成功的回调函数
// fail:失败的回调
function requestLoading(url, method, params, message, success, fail) {
console.log(params)
wx.showNavigationBarLoading()
if (message != "") {
wx.showLoading({
title: message,
})
}
wx.request({
url: url,
data: params,
header: {
'Content-Type': method == 'POST' ? 'application/x-www-form-urlencoded' : 'application/json'
},
method: method,
success: function (res) {
//console.log(res.data)
wx.hideNavigationBarLoading()
if (message != "") {
wx.hideLoading()
}
if (res.statusCode == 200) {
success(res.data)
} else {
fail()
}
},
fail: function (res) {
wx.hideNavigationBarLoading()
if (message != "") {
wx.hideLoading()
}
fail()
},
complete: function (res) {
},
})
}
module.exports = {
request: request,
requestLoading: requestLoading
}
调用:
Page({
data: {
list_data: ''
},
onReady: function (e) {
this.getData()
},
getData: function(){
var network = require("../../request/request.js")//应用文件 也可以放在最上面
var url = ""//你的API接口
var that = this
network.requestLoading(url,'GET', {}, '正在加载数据', function (res) {
//res就是我们请求接口返回的数据
console.log(res)
that.setData({
list_data: res
})
}, function () {
wx.showToast({
title: '加载数据失败',
})
})
}
})