首先,我们来在utils 文件夹的 util.js 文件中,封装ajax函数,并且用module.exports导出一下。
在做项目的时候,建议把封装的函数都放在util.js文件中,方便管理。
util.js :
//--- promise 封装ajax
function promiseAjax(_url,type,data){
return new Promise(function (resolve, reject) {
wx.request({
url:_url,
method:type,
data,
success(res){//--成功回调
resolve(res);
},
fail(err){//--失败回调
reject(err)
}
})
})
}
module.exports = {
promiseAjax //---promise封装函数导出
}
使用函数的js 文件 :
然后,在需要用到ajax封装函数的文件中引入 util.js 文件 ,这里有2种引入写法
引入之后,调用引入时定义的名字,使用如下:
//--- 2种引入封装好方法的文件的写法,没区别 ***
import util from '../../utils/util.js' //---方法一
// const util = require('../../utils/util.js') //---方法二
//---调用封装promise函数方法
util.promiseAjax('http://120.76.31.111/app/XhlGetSubjectTypeList', 'get').then(function(res){
console.log(res)
})