~~~ // pages/move/moremove/moremove.js import utils from "../../../utils/utils"; var http = utils.http; var star = utils.star; const app = getApp(); const douban = app.globalData.doubanUrl; Page({ /** * 頁面的初始數據 */ data: { start: 0, // 定義movies的數據是否為空 isEmpty: true, huan: false }, /** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { wx.showLoading({ title: '正在加載...', }); // console.log(options); var title = options.title; var type = options.type; var url = douban + type; var huan = wx.getStorageSync(type).huan; // 沒有數據 緩存為空 類型不一致 if (this.data.isEmpty == true && huan == false || huan == undefined) { // http(url, this.handleData); } else { // 獲取緩存 設置緩存 var movies = wx.getStorageSync(type).movies; var title = wx.getStorageSync(type).title; this.setData({ movies, title }) wx.hideLoading(); } /* 設置標題 */ wx.setNavigationBarTitle({ title }); this.setData({ type, }) }, handleData(res) { var title = res.data.title; var subjects = res.data.subjects; var moviess = []; var type = this.data.type subjects.forEach(ele => { var average = ele.rating.average; var stars = star(ele.rating.stars); var title = ele.title; var imgUrl = ele.images.small; var id = ele.id; var temp = { average, stars, title, imgUrl, id }; // console.log(temp) moviess.push(temp); }); // isEmpty定義movies是否為空 if (this.data.isEmpty) { this.setData({ movies: moviess, title, isEmpty: false, huan: true }); // 第一次加載了數據將數據設置在緩存 var huan = this.data.huan; var movies = this.data.movies; var title = this.data.title; wx.setStorageSync(type, { movies, title, huan }); } else { this.setData({ movies: this.data.movies.concat(moviess) }) var huan = this.data.huan; var movies = this.data.movies; var title = this.data.title; wx.setStorageSync(type, { movies, title, huan }); } wx.hideLoading(); }, onReachBottom: function () { var type = this.data.type; this.data.start += 20; var start = this.data.start; var url = `${douban}${type}?start=${start}&count=20`; console.log(url) http(url, this.handleData); //下拉觸發加載 wx.showLoading({ title: "加載數據" }); }, moveDetails(res) { // console.log(res) var id = res.currentTarget.dataset.id; var title = res.currentTarget.dataset.title; // console.log(title) wx.navigateTo({ url: '/pages/move/movedetails/movedetails?id=' + id + "&title=" + title, }) } }) ~~~