小程序分页加载数据

这篇具有很好参考价值的文章主要介绍了小程序分页加载数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

data: {

list: [],   //会员列表

        total: 0,    //分页总数

        page: 1,    //分页记录数

        pagesize: 10,   //分页大小

     onRefresh: true,

}

   /*请求后台获取数据 */ 

  getList: function () {

    var that=this;

    var onRefresh = that.data.onRefresh;//false为重新刷新数据,true为分页累加数据

    //请求后台数据

    wx.request({

      url: 'http://www.newsctp5.com/api/Article/getArticle',

      data: {

        'page': that.data.page,

        'pagesize': that.data.pagesize,

      },

      method: 'post',

      success: function (res) {

        for(var i=0;i<res.data.data.length;i++){

            res.data.data[i]["createtime"]=times.js_date_time(res.data.data[i]["createtime"])

        }

        var datas = res.data.data;

        if(datas != null && datas.length > 0){

          if(onRefresh){//false为重新刷新数据,true为分页累加数据

            that.setData({

              // total: 5,

              list: that.data.list.concat(datas), //累加list,

              page: that.data.page + 1

            });

          }else{

            that.setData({

              // total: 5,

              list: datas, //重新覆盖list,

              page: that.data.page + 1

            });

          }

          

        }else{

          wx.showToast({

            title:'没有更多数据了',

            icon:'none'

          })

          that.setData({

              isloading:true

          })

          }

      },

      complete : function(res){

        wx.hideLoading();

      },

      fail: function (res) {

        console.log('load fail');

      }

    })

  },文章来源地址https://www.toymoban.com/news/detail-446603.html

到了这里,关于小程序分页加载数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 单个数据源与多数据源使用mybatisplus分页插件total一直为0的解决办法

    1. 注册分页插件( 不注册分页插件total也是0) : 注意:如果是 单数据源 此时分页插件能正常使用,而 如果是多数据源 ,那么就必须添加以下内容,否则分页时查询总数total还是0 2. 多数据源定义: 重点就是以下两行:  Interceptor[] interceptors = new Interceptor[] { mybatisPlusInterc

    2024年04月25日
    浏览(36)
  • 微信小程序分页加载功能,结合后端实现上拉底部加载下一页数据,数据加载中和暂无数据提示

    🤵 作者 : coderYYY 🧑 个人简介 :前端程序媛,目前主攻 web前端 ,后端辅助,其他技术知识也会偶尔分享🍀欢迎和我一起交流!🚀(评论和私信一般会回!!) 👉 个人专栏推荐 :《前端项目教程以及代码》 项目开发中,如果请求后端数据过多,我们一般会进行分页处理

    2024年01月25日
    浏览(34)
  • Vue.js 中使用 Element UI 实现异步加载分页列表

    在前端开发中,我们常常需要展示大量数据,并提供分页浏览的功能。本篇博客将介绍如何使用 Vue.js 和 Element UI 组件库创建一个简单的异步加载分页列表。 Vue.js Element UI JavaScript 我们将创建一个包含表格和分页组件的 Vue 单文件组件。以下是组件的基本结构: 引入 Element U

    2024年02月04日
    浏览(55)
  • 基于微信在线教育视频学习小程序毕业设计作品成品(14)会员收藏和购买列表

    博主介绍 :《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,免费 项目配有对应开发文档、开题报告、任务书、PPT、论文模版

    2024年02月07日
    浏览(40)
  • 微信小程序之加载更多(分页加载)实例 —— 微信小程序实战系列(2)

    let that = this; let searchKeyword = that.data.searchKeyword,//输入框字符串作为参数 searchPageNum = that.data.searchPageNum,//把第几次加载次数作为参数 callbackcount =that.data.callbackcount; //返回数据的个数 //访问网络 util.getSearchMusic(searchKeyword, searchPageNum,callbackcount, function(data){ console.log(data) //判断是否

    2024年04月11日
    浏览(37)
  • mybatis-plus分页total为0,分页失效,mybatis-plus多租户插件使用

    背景:项目使用mybatis分页插件不生效,以及多租户使用时读取配置异常 多租户插件使用遇到的问题: 最开始在MyTenantLineHandler中使用 @Value(\\\"${tables}\\\"),服务启动时能从配置中心拉取到配置,但在运行时获取到的值为空,试了很多方法都不生效,后面将配置中心的配置在调用My

    2024年02月06日
    浏览(51)
  • 微信小程序 列表多选 下拉分页 滑动切换分类

    1、卡片列表 2、分页(下拉页面加载分页数据) 3、分类(页面间互不干扰,数据也不干扰) 4、左右滑动可切换分类 5、列表搜索 6、单选模式(默认单选模式,即点击卡片,回写所选数据) 7、 多选 模式(实现微信聊天多选效果) 长按 列表或 点击多选 ,进入多选模式;

    2024年02月03日
    浏览(41)
  • 【Django】列表数据Paginatior分页,动态返回页码,显示当前页、总页数、跳转页

    1、当返回数据较多,如设置每页展示10条,数据接近200条,返回页码范围1~20,前端每个页码都显示的话,就会出现页码超出当前页面,被遮挡的页码无法操作和显示不美观; 2、列表的所在页码,总分页数,跳转不在动态页面的页数 在使用paginator转化为Page对象后,获取到n

    2024年02月12日
    浏览(37)
  • 帝国CMS会员中心调用当前会员提交过的信息反馈列表

    帝国CMS有个 信息反馈功能,常用来做网站留言反馈,在线预约等。 帝国CMS会员中心调用我提交的信息反馈列表的方法 通过本教程可以实现,在会员中心调用当前会员提交过的信息反馈列表,代码如下: \\\".$r[\\\'title\\\'].\\\"\\\".$r[\\\'saytime\\\'].\\\"\\\";}? 到这就ok了

    2024年02月03日
    浏览(48)
  • elementUi select下拉框触底加载异步分页数据

    在Element UI中,可以通过监听select下拉框的 visible-change 事件来实现触底加载下一页的效果。 方式一:利用elementUi的事件 具体步骤如下: 首先,在select组件中设置: @visible-change=\\\"handleVisibleChange\\\" ref=\\\"mySelect\\\" 在data中定义一个变量pageNum,用于记录当前加载的页码: pageNum: 1, 在m

    2024年02月14日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包