ajax列表预加载要如何写才不会在数据未返回时与加载下一页冲突?
我想是实现一个功能,就是加载列表时会预先下载下一页的内容,比如页面刚进入时直接下载前两页的数据,当点击下一页时,向服务器请求的是第三页,然后从内存中存放的第二页内容渲染出来。
现在遇到一个问题,比如现在显示的是第三页,第四页的请求已发出但还未返回,这时点击下一页,从内存中拿出的实际是第三页的内容(因为第四页的数据还未返回),而第五页的请求也发出,最终会导致第三页 多渲染一次,而即使第四页数据返回了存到内存,也会被后面第五页的数据覆盖掉。请问哪位大神能帮忙提供条思路解决这个冲突?
我自己有 想过,在数据未返回时让下 一页按钮处于loading状态,但被否决,说用户点击下一页时已经从内存加载了下一页的内容,不应该出现loading的状态了
现在遇到一个问题,比如现在显示的是第三页,第四页的请求已发出但还未返回,这时点击下一页,从内存中拿出的实际是第三页的内容(因为第四页的数据还未返回),而第五页的请求也发出,最终会导致第三页 多渲染一次,而即使第四页数据返回了存到内存,也会被后面第五页的数据覆盖掉。请问哪位大神能帮忙提供条思路解决这个冲突?
我自己有 想过,在数据未返回时让下 一页按钮处于loading状态,但被否决,说用户点击下一页时已经从内存加载了下一页的内容,不应该出现loading的状态了
...全文
相关推荐
vue 返回上一页,页面样式错乱的解决
在遇到样式冲突时,可以考虑强制卸载并重新加载组件,同时不应忽视浏览器缓存对项目的影响。通过这些方法,可以有效避免在Vue项目中页面返回上一页后出现的样式错乱问题。
教你实现WordPress博客的“预加载”功能
本文主要讲解如何在WordPress博客上实现预加载功能,特别是借鉴Chrome浏览器的优化策略,提升用户体验。预加载技术是通过预先加载用户可能访问的页面或资源,从而减少实际访问时的延迟,显著提高页面
JQuery ajax中error返回错误及一直返回error的解答
为避免这种情况,应确保所有Action方法的命名不会与HTTP方法冲突,或者可以更改方法名称,如从`getNetBut`更改为`findNetBut`。
在外部方法使用Ajax请求返回的数据
在JavaScript的世界里,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。
jquery中获得$.ajax()事件返回的值并添加事件的方法
首先,需要注意的是,在 $.ajax() 的 success 回调函数中直接返回值是不正确的操作,因为这里的返回并不会影响外部代码。


