页面滚动时，异步加载的实现

最新推荐文章于 2021-06-03 14:59:12 发布

原创最新推荐文章于 2021-06-03 14:59:12 发布 · 1.2w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#function #generator #html #ajax #优化

前端开发专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在微博中使用AJAX技术，在文章加载到底部时动态加载更多数据的方法，通过优化代码实现流畅的用户体验。

在生产过程中，如果遇到数据提取量大时，会考虑，页面加载完后使用AJAX读取相关信息。

而在现在微博中，使用的效果：在加载到文章底部时，使用AJAX加载数据。

演示截图：

HTML代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script> </head> <body> 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 一开始就加载的内容 <div id="comments"></div> <div id="bottom"></div> 底部内容 </body> </html>

对应的JS

<mce:script type="text/javascript"></mce:script>
代码比较简单，易懂，实际应用中，注意优化。