加載列表頁數據
關鍵代碼
app.js
~~~
App({
onLaunch: function() {
}
globalData: {
doubanBase:"https://douban.uieee.com/v2"
}
})
~~~
movie.js
~~~
// pages/movie.js
var app = getApp();
Page({
data:{
inTheaters:{},
comingSoon:{},
top250:{}
},
onLoad(){
var douban = app.globalData.doubanBase;
var count = "?start=0&count=3"
var inTheaterUrl = douban+"/movie/in_theaters"+count;
var comingSoonUrl = douban+"/movie/coming_soon"+count;
var top250Url = douban+"/movie/top250"+count;
this.getMovieListData(inTheaterUrl,"inTheaters");
this.getMovieListData(comingSoonUrl,"comingSoon");
this.getMovieListData(top250Url,"top250");
},
getMovieListData(url,setKey){
var self = this;
wx.request({
url,
header: {
'Content-Type': 'json'
},
success: function(res) {
self.processData(res.data,setKey);
},
fail: function(error) {
console.log(error)
}
})
},
processData(moviesDouban,setKey){
var movies = [];
for(var index in moviesDouban.subjects){
var top = moviesDouban.title;
console.log(top)
var subject = moviesDouban.subjects[index];
var title = subject.title;
if(title.length>=6){
title =title.substring(0,6)+"...";
}
var temp = {
title,
average:subject.rating.average,
coverageUrl:subject.images.large,
movieId:subject.id
}
movies.push(temp)
}
var readyData = {};
readyData[setKey] = {
movies:movies,
top
}
this.setData(readyData);
console.log(this.data.inTheaters)
}
})
~~~
[代碼地址](https://gitee.com/chengbenchao/small_program/tree/master/mooc%E9%A1%B5%E9%9D%A2/15%E5%8A%A0%E8%BD%BD%E5%88%97%E8%A1%A8%E9%A1%B5%E6%95%B0%E6%8D%AE)
- 0.豆瓣接口文檔
- 1.開發環境配置
- 2.hello world
- 3.wxml語法
- 第一節 數據綁定
- 第二節 列表渲染
- 第三節 條件渲染
- 第四節 模板引用
- 第五節 事件
- 第6節 輪播
- 第7節 skill
- 第8節 小程序接口調用
- 第9節 獲取自定義的屬性值
- 4.wxs
- 5.小程序的運行機制及框架
- 6.生命周期
- 7.小程序api
- 第1節 調用緩存
- 第2節 彈出框
- 第3節 模態框
- 第4節 分享showActionSheet
- 第5節 音樂播放
- 第6節 定義全局的數據
- 第7節 target
- 第8節 previewImage
- 第9節 用戶授權-獲取用戶信息
- 第10節 判斷用戶是否授權
- 8.組件
- 第1節 toolbar的配置
- 第2節 動態設置導航
- 第3節 數據加載loading
- 第4節 下拉刷新
- 第5節 地圖
- 第6節 component
- 第7節 scroll-view
- 第8節 form搜索
- 第9節 自定義事件的激活與監聽
- 第10節 自定義組件
- 1.屬性值改變時會觸發observer函數
- 2.組件的behaviors屬性可以將組件公共部部分抽離
- 第11節 slot
- 12 向組件傳遞外部樣式
- 13wxs
- 1.寫在wxml中的wxs
- 第14open-data
- 第15節 自定義button-slot實現授權組件
- 實例
- B.項目實戰
- 第一章 發送http請求
- 第1節 豆瓣調用限定數據的數據
- 第二章 可用的豆瓣接口
- 第三章 處理豆瓣列表頁的數據
- 第四章 電影更多頁面的數據加載
- 9.skill
- 第一節 e6解決this指向
- 第二節 使用class封裝一個簡單的http
- 第1點 封裝一個帶錯誤的http
- 第2點 使用models再次封裝http
- 第三節 http狀態碼
- 第四節 回調函數
- 第五節 小程序組件wx:if會觸發detached,hidden不會
- 第六節 使用promise封裝http
- 1.使用models再次封裝http
- 第七節 增加歷史數據到緩存中
- 第八節 Page向子組件傳遞上拉下拉
- 第九節 async,await語法支持