善于观察的小伙伴们一定发现了,本站在渲染详情页和首页的时候,推荐阅读板块会稍慢一丢丢加载出来,这是因为我在这里使用了 jQuery 的 ajax 异步加载功能。
因为查询推荐阅读是无关键词随机从数据库中获取数据,这种情况下,我使用的是while 循环,需要消耗一定的时间来生成数据,那么对于浏览体验上来说就是:点击链接后 > 网页一卡 > 加载出来数据。
而使用异步加载呢,点击链接后整体页面优先返回并渲染,关键数据异步加载,这样不会出现过多的无用等待时间。
前提:首先需要引入 jquery 。
jquery
<script src="https://s.learn2.cn/js/jquery.min.js" ></script>
然后在需要异步加载的地方放置一个空div:
div
<div id="ajax_w"></div>
然后呢,在网页的末尾加上一段js脚本:
<script> $(document).ready(function(){ htmlobj=$.ajax({url:"/test",async:false}); $("#ajax_w").html(htmlobj.responseText); }); </script>
运行后你会发现,这段脚本会等待页面渲染完毕后,向/test请求数据,并将数据填入 id 为 ajax_w 内。
/test
ajax_w
自带的输入法实在是太丑了,所以换成搜狗的。
本文主要内容为反爬虫策略以及反反爬虫的技巧。
本文将会教你如何白嫖一年的Trello Gold!
关于本站博客的架构调整
使用 AJAX 技术优化访问速度
目录
热门标签
页面
更多语言
站点信息