一行代码实现全站pjax无刷新加载
一：整合pjax的准备工作：检查你的网站是否引入1.7.0版本以上的jquery.js，如果没有请全局引入
二：开始整合pjax：
1.下载pjax.js （本文底部）；
2.引入pjax.js（最好body代码结束前）
<script src="/js/pjax.js" type="text/javascript"></script>
三：使用pjax；
编辑公共 footer 在</body>标记结束前插入：
<script>
$(document).pjax('a[target!=_blank]', 'body', {fragment:'body', timeout:8000});
//支持jquery所有选择器，比如标签选择器，class选择器，id选择器等等等
//举个栗子：
//id选择器：$(document).pjax('a[target!=_blank]', '#content', {fragment:'#content', timeout:8000});
</script>建议写好代码后，将容器 content 付给一个ID，比如在body内的一个div，如：
<body> <div id="content"> 网站内容部分... </div> </body>
到这里就可以测试效果了，但是需要取消链接target=_blank效果才能有效哦。
ps：pjax对收录不是很友好，注重SEO的站点慎用！
PJAX下载链接：https://pan.baidu.com/s/1-64alpy8FriuESRfVLuQFg 提取码: u8xk
版权声明：本文由 LzxBlog 发布，如需转载请注明出处。
赞助云储存