微信小程序的ajax使用方法:
wx.request({
url:'http://120.76.31.111/app/XhlGetSubjectTypeList',//随便拿个网址演示
method:'get',
success(res){
console.log(res);
}
})
ajax 函数封装
在我们做项目的时候,为了方便复用,需要封装ajax函数方便随时调用
首先,我们来在utils 文件夹的 util.js 文件中,封装ajax函数,并且用module.exports导出一下。
在做项目的时候,建议把封装的函数都放在util.js文件中,方便管理。
//--- 封装ajax请求,还需要导出
function $request(_url,type,callback,data){
wx.request({//微信的请求方法
url:_url,
method:type,
data,
header:{},//请求头
success(res){
callback(res);
}
})
}
module.exports = {
$request //---ajax封装函数导出
}
第二、在需要用到ajax封装函数的文件中引入 util.js 文件 ,这里有2种引入写法
//--- 2种引入封装好方法的文件的写法,没区别 ***
// import util from '../../utils/util.js'
// const util = require('../../utils/util.js')
第三、引入之后,调用引入时定义的名字,使用如下:
// ---使用已在utils/util.js中封装好的ajax函数,需要import引入到该页面中再使用:
util.$request('http://120.76.31.111/app/XhlGetSubjectTypeList','get',function(res){
console.log("封装ajax请求",res)
})
此外,也可以定义在 app.js 全局文件中
app.js :
const util = require('utils/util.js')
需要用到 ajax 的文件 :
//--- 先拿到 app
const app = getApp();
//---在app.js中引入util并注册,再在这个js中拿到app的请求方法:
app.globalData.util.promiseAjax('http://120.76.31.111/app/XhlGetSubjectTypeList', 'get').then(function (res) {
console.log("app:",res)
})