1: 创建api.js
const api = {
top: 'https://api.douban.com/v2/movie/top250',
detail: 'https://api.douban.com/v2/movie/subject/',
hot: 'https://api.douban.com/v2/movie/in_theaters',
search: 'https://api.douban.com/v2/movie/search'
}
module.exports = api;
2: 在app.js中创建封装请求数据的方法
const conf = {
// 全局数据对象与方法（整个应用程序共享)
globalData: {
hasLogin: false,
},
fetch(url,data, callback) {
wx.request({
url,
data: data,
header: {
'Content-Type': 'application/json'
},
success(res) {
callback(null, res.data);
},
fail(e) {
callback(e);
}
})
},
// 程序启动时触发一次
onLaunch() {
console.log('App Launch');
},
// 当程序进入前台状态时触发
onShow() {
console.log('App Show');
},
// 当程序进入后台状态时触发
onHide() {
console.log('App Hide');
}
};
// App() 函数创建应用程序对象
App(conf);
3: 在子页面中调用封装的方法请求数据
import API from "../../api/api.js";
const app = getApp();
const conf = {
data:{
title:'正在拼命加载中...',
movies:[],
loadding:true
},
onLoad (){
app.fetch(API.hot,{},(err,data) => {
this.setData({
title:data.title,
movies: data.subjects,
loading: false
})
})
},
onReady(){
wx.setNavigationBarTitle({
title: '热映',
});
}
};
Page(conf);
4: 带参数请求数据
//上拉加载更多数据
downLoad:function(e) {
var self = this,
nextPage = self.data.nextPage,
category = self.data.category,
tabIndex = self.data.tabIndex,
tipShow = self.data.tipShow,
pageIndex = Number(self.data.pageIndex),
data = {
nextPage : nextPage,
ti : tabIndex,
ft : category,
page : pageIndex
};
if(!tipShow) { //判断是否有更多数据
app.requestData(API.listPage,data,(err, data) => {
if(data != null) {
var resData = data.lst,
nextPage = JSON.stringify(data.nextPage);
self.setData({
pageIndex : pageIndex + 1,
nextPage : nextPage,
list : self.data.list.concat(self.dataRead(resData))
});
} else {
self.setData({
tipShow : true
});
}
});
}
},