小程序requestAjax封装

小程序requestAjax封装

1，方法封装（新建文件夹util，工具文件，在文件夹下创建request.js文件，用于对方法封装）

2，代码提示：

// url:网络请求的url

//data:自定义参数，json类型

// message:进度条的提示信息

// success:成功的回调函数

// fail：失败的回调

上代码：

 

function requestAjax(url, data, message, success, fail) {

// console.log(data)

wx.showNavigationBarLoading()

if (message != "") {

wx.showLoading({

title: message,

})

}

wx.request({

//可以写上请求的域名 后期改测试服正式服 改一个地方就可以 前缀写上后期上线改地址,好改

url: 'http://192.168.11.177:8081/' + url,

// url='/index/video'

data: data,

header: {

//'Content-Type': 'application/json' 默认

'content-type': 'application/x-www-form-urlencoded',

//'Token':token,根据自己的接口写header的传参

//'Logintime': logintime

},

method: 'post',//方法也可以改成变量 传入

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 = {

requestAjax: requestAjax,

}

使用：

/**

* module.exports用来导出代码

* js文件中通过var call = require("../util/request.js") 加载

* 在引入引入文件的时候" "里面的内容通过../../../这种类型，小程序的编译器会自动提示，因为你可能

* 项目目录不止一级，不同的js文件对应的工具类的位置不一样

//引入代码
*var call = require("../util/request.js")//调用封装方法

*call.requestAjax('URL', DATA, function(res) {}）

*let DATA = {orderNumber: orderNumber,openId:openId}

*/