微信小程序，小故事程序

// 引入请求接口方法 import http from "../../utils/http" // console.log(http) Page({ /** * 页面的初始数据 */ data: { // 初始化故事分类默认下标 index: 0, // 故事分类数据 cateList: [] }, // 用户选择分类数据 changeCate(e) { // 1.同步默认下标 let index = e.detail.value this.setData({index}) // 2.跳转到故事列表页面 携带分类id wx.navigateTo({ url: '../list/list?params='+JSON.stringify(this.data.cateList[index]) }) }, // 定义获取故事分类数据的方法 async getCateS() { // 1.原生写法 // wx.request({ // url: 'https://api.aslegou.top/api/storycatelist', // method: "get", // success: res => { // // 赋值数据个页面 // this.setData({cateList:res.data.list}) // }, // fail: err => console.log(res) // }) // 2.promise http({ url:"storycatelist" }) .then(res=>{ // 赋值数据个页面 this.setData({cateList:res.list}) // 将获取到的数据缓存早本地一份 wx.setStorageSync('cateList', res.list) }) .catch(err=>console.log(err)) // 3.async // let res = await http({url:"storycatelist"}) // console.log(res) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { // 获取本地缓存中的故事分类数据 [{},{}] let cateList = wx.getStorageSync('cateList') || "" if(cateList == ""){ // 获取故事分类数据 this.getCateS() console.log('走请求了') }else{ // 缓存中直接赋值给页面即可 this.setData({cateList}) console.log('走缓存了') } console.log(cateList) }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })