2020-10-27

微信小程序ajax的写法

首先在utls文件夹下新建文件api，然后在api文件中写入以下代码，这里以豆瓣电影为例：
var api={
filmApi:“https://m.douban.com/rexxar/api/v2/subject_collection/movie_showing/items”,
tvApi:“https://m.douban.com/rexxar/api/v2/subject_collection/tv_hot/items”,
varietyApi:“https://m.douban.com/rexxar/api/v2/subject_collection/tv_variety_show/items”,
axaj:function(url,data,method,option){
wx.request({
url: url,
data:data,
method:method,
success:(res)=>{
option.success(res.data)
console.log(res)
}
})
}
}
export{api} …/关键字

然后在需要调用接口页面的js页中写以下代码：
import {api} from “…/…/utils/api” …/这里表示引入接口
onLoad:function(option){
api.axaj(
api.filmApi,
{
count:7
},
“get”,
{
success:(res)=>{
console.log(res)
this.setData({
list:res.subject_collection_items
})
}
}
),
api.axaj(
api.tvApi,
{
count:7,
},
“get”,
{
success:(res)=>{
console.log(“res”,res)
this.setData({
list1:res.subject_collection_items
})
}
}
)
,
api.axaj(
api.varietyApi,
{
count:7
},
“get”,
{
success:(res)=>{
console.log(res)
this.setData({
list2:res.subject_collection_items
})
}
}
)

}

})