小程序 下拉刷新页面 更新数据 触底加载更多

wxml 中:

<view class="list">

  <view class="item" wx:for="{ {joks}}" wx:key="index">

    { {item.summary}}

  </view>

</view>

wxjs 中:

// pages/jok/jok.js

Page({

  /**

   * 页面的初始数据

   */

  data: {

    joks:[],

    page:1

  },

  getJok(type=1){

    var that=this;

    var joks=this.data.joks;

    wx.request({

      url: 'http://dida100.com/mi/list.php?page='+this.data.page,

      success(res){

        

        if(type==1){

          joks=res.data.result.concat(joks);

          console.log(joks);

          wx.showToast({

            title: '新加载'+res.data.result.length+"条笑话",

            icon:"none"

          })

         

        }else{

          joks=joks.concat(res.data.result);

        }

        // 下拉刷新成功提示

      

        that.setData({joks,page:that.data.page+1});

        wx.stopPullDownRefresh();

      }

    })

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad(options) {

    this.getJok();

  },

  /**

   * 生命周期函数--监听页面初次渲染完成

   */

  onReady() {

  },

  /**

   * 生命周期函数--监听页面显示

   */

  onShow() {

  },

  /**

   * 生命周期函数--监听页面隐藏

   */

  onHide() {

  },

  /**

   * 生命周期函数--监听页面卸载

   */

  onUnload() {

  },

  onPullDownRefresh(){

    this.getJok()

  },

  /**

   * 页面相关事件处理函数--监听用户下拉动作

   */

  /**

   * 页面上拉触底事件的处理函数

   */

  onReachBottom() {

    this.getJok(2)

  },

  /**

   * 用户点击右上角分享

   */

  onShareAppMessage() {

  }

})

猜你喜欢

转载自blog.csdn.net/lyinshaofeng/article/details/127780133
今日推荐