页面渲染,不能加载下一页数据

最新推荐文章于 2021-12-29 12:04:34 发布
最新推荐文章于 2021-12-29 12:04:34 发布
阅读量537 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： 页面渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yunzhonghefei/article/details/51861552
本文探讨了在实现上拉加载更多功能时遇到的问题：当pageIndex超过总页数时无法加载新数据。文章分析了问题原因，并提出了解决方案：在下拉刷新时重置pageIndex。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

从服务器返回的总页数比较多,但是上拉加载时仍然不能获取第二页数据.

后来发现,在不能获取第二页数据之前,是有一次已经翻到了总页数,到达了页面底部,此时在html中记录的pageIndex已经>总页数,然后执行下拉刷新,默认加载的是第一页数据,然后再到页面底部执行上拉加载,页面传回到服务器的pageIndex>总页数,自然不能获取数据.

在下拉刷新加载首页数据同时,初始化pageIndex的值.再上拉加载,就可以了.

vue实现：聊天记录，下拉加载下一页数据，并让页面停留在原位置
liucai1018的博客
05-14 8458
需要实现一个类似微信聊天记录的功能，其中碰到一个问题：下拉加载下一页数据时，将请求到的数据放到原数组前面，这时候vue会自动重新渲染页面，页面会回到顶部，这并不是我要的效果。 实现思路： 1、首先，要实现让页面到某个位置，需要用到scrollTop属性； 2、然后就需要计算scrollTop的值为多少，则滑动多少距离； 3、计算滑动距离的思路：既然需要停留在当前位置的话，那么正常思考的话就是需要知道加载的这一页数据所占的高度，然后将scrollTop值设置为这个高度即可，但这里有个问题，即便每次加载
小程序渲染一半数据_小程序长列表渲染优化另一种解决方案
weixin_39844284的博客
10-20 1133
前言有些需求需要展示长列表，无限下拉都会一直显示出更多的数据。但是当一个页面展示的DOM节点过多的时候，会造成小程序页面的卡顿严重的会直接白屏。原因有以下几点：列表数据很大，不断获取下一屏的数据，setData的数据越来越多的时候耗时高渲染DOM 结构多，每次 setData 都需要创建新的虚拟- 树、和旧树 diff 操作耗时都比较高DOM 结构多，占用的内存高，造成页面被系统回收的概率变大，会...
上一页，下一页渲染页面
weixin_52714523的博客
01-08 254
##上一页，下一页渲染页面 首先是html： <div id="pageNum"> <button>1</button> <button>1</button> </div> <button onclick="first()">首页</button> <button onclick="perv()">上一页</button>
如果在前端渲染页数（用户点击哪一页就去渲染相邻的5页出来，并且添加点击事件，然后渲染“上一页”和“下一页”的点击变化事件）
Andre_dong的博客
11-28 431
我们如果想要去渲染这5页的商品信息，该怎么去渲染呢？什么是渲染呢？渲染就是比如你这个页面只有5页，所以你一打开这个页面我就会给你下载这5页的商品信息下来，提前给你渲染好。然后你打开就不用愁了。 首先你在前端中找到这5页的li，除了第一页之外全部都要删掉，为什么要删掉呢？因为我们要用到遍历的方法把其他页面补上去 我们的遍历方法就像下面一样这么去写。然后用花括号包住这个i 然后就会得到这样的结果，这个结果就是表示这5页都是激活的状态，正常的话我们的这5页只有1页是激活的，其他页都是未激活的状态（也就是有个
小程序-实现列表-加载下一页数据功能（1）
LzzMandy的博客
11-20 580
加载数据的方法loadMore()，逻辑如下图： 源码如下： data: { category: {},//分类 shops: [],//列表 pageIndex: 0,//当前页码 pageSize: 20,//每页条数 totalCount: 0,//总条数 hasMore: true,//是否加载更多 ...
Vue 上拉加载更多，内容不够一屏自动加载更多数据...
卡尔特斯
12-29 695
DZMRefresh-Vue 支持不够一屏数据自动进入加载，窗口变化内容不够自动进入加载，默认不开启。 支持元素 slot 自定义。
高考信息管理系统
11-25
这是一个管理系统的一段代码，是关于高考学生信息管理的一小部分代码，
帝国CMS首页栏目页无限下拉加载翻页
06-12
"首页栏目页无限下拉加载翻页"是一种常见的网页设计技术，它提升了用户体验，尤其是在内容丰富的网站上，用户无需点击分页，只需滚动页面，内容就能自动加载。这种技术通常被称为"无限滚动"或"滚动加载"。 实现帝国...
自动化加载下一页的实例演示
它可能是一个自定义函数，用来处理加载下一页数据的逻辑。 #### 相关知识点包括： - **函数封装**：将加载下一页的逻辑封装在一个名为“LoadNextData”的函数中，可以提高代码的可读性和可维护性。 - **命名规范*...
h5端滚动加载下一页内容
05-19
在上述代码中，监听了`window`对象的`scroll`事件，当滚动条滚动到底部时，调用`loadNextPage`函数，发送请求获取下一页数据，并渲染到页面上。同时，`pageNum`表示当前页码，每次加载完一页数据后，`pageNum`增加1...
西门子s7功能块说明
12-25
西门子s7功能块说明，主要讲述s7所有功能模块的详细讲述。
SQL创建学生信息表代码
01-06
内有四个表，有触发器，有约束，有存储过程，没有视图，全部都是自己敲的代码
JavaSSH 整合
10-25
这个是SSH整合的项目 里面有登陆注册的整个流程 而且 不是映射文件 全部注解开发 方便好用 希望对大家有用
Android线程间 massage 机制
01-28
Android线程间 massage 机制
BGA是PCB 上常用的组件，通常CPU、NORTH BRIDGE、SOUTH BRIDGE、
04-26
BGA是PCB 上常用的组件，通常CPU、NORTH BRIDGE、SOUTH BRIDGE、 AGP CHIP、CARD BUS CHIP…等，大多是以bga 的型式包装，简言之，80﹪的 高频信号及特殊信号将会由这类型的package 内拉出。因此，如何处理BGA package 的走线，对重要信号会有很大的影响。
公安CDR模板
01-02
公安模板CDR 用于制作海报网页等。源文件素材，便于二次修改和使用
十六进制转化为十进制(C编写，附代码)
02-03
十六进制转化为十进制(C编写，附代码) 采用调用函数htoi
线性代数应用案例线性代数应用案例
06-27
线性代数的实际应用案例。用线性代数的思想解决实际中的具体问题。
java租房管理系统
04-15
hibernate+Struts2练习项目
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值