首页 > 移动端订单列表页面懒加载实现的问题

移动端订单列表页面懒加载实现的问题

求助~~~
遇到一个难题:移动端订单列表页面懒加载实现的问题。比如在未确认订单列表中,初始化先显示五条数据,当进行上拉操作或是点击加载更多按钮时,会再加载五条数据(向后台请求第二页数据),问题是如果在我点击加载之前,第一页数据以及发生变化(没有推送功能),比如后台有人确认了第一页中的一个订单,那么会有两个问题:1、第一页订单数据发生变化但是没有更新;2、原第二页第一条数据被第二条数据顶掉了。怎么解决这两个问题呢


1,想用ajax不刷新页面的方式更新数据(在后台无法避免请求相同数据的情况下),你这种问题确实存在但是还是有办法避免的,请求的数据展现的时候需要与现有页面中的数据对比,如果存在相同数据就不需要显示,可以解决重复的问题。


我做过类似的,其实就是分页。
一是监听事件,当roll到页面底部,自动请求下一页数据;
二是分页类,就是。。传统的分页类。当然也要考虑前端操作删除或者添加行后保证前端的page对象相应的值是对的,以免出现新页多或少行的情况。


每次数据更新加上一个时间戳,由接口返回给前端。

前端在第二次更新数据的时候,获取到时间戳和之前第一次接口获得时间戳相比对

如果一样的,就渲染

如果不一样,就按照需要和策略更新前面的数据。或者提示用户重新整个更新一下。

【热门文章】
【热门文章】