WordPress全站PJAX代码

前段时间小鱼了解到pjax这个技术(效果参考:http://t.qianzhan.com/),感觉非常新奇非常给力。

于是通过度娘查找了很多资料,不过目前网络上相关手册并不完善。

这里先分享一个,直接引用到博客即可。不过这个代码是全页面ajax的,而pjax的灵魂在于只更新部分容器ID的内容,以实现快速加载。

因此,本文仅作为参考。小鱼也会继续研究以实现真正的pjax。

什么是PJAX:

pjax是对ajax + pushState的封装,让你可以很方便的使用pushState技术。

pushState是一个可以操作history的api,该api的介绍和使用请见这里:http://www.welefen.com/use-ajax-and-pushstate.html

同时支持了缓存和本地存储,下次访问的时候直接读取本地数据,无需在次访问。

以下为转载内容:

特别建议:有一定js基础的朋友使用,能自己优化就自己优化,没接触过的还是别折腾了,不会则自行百度,下面的注释都是我当初一句句百度折腾学习jq才加上去的。

未经允许不得转载:小鱼博客 » WordPress全站PJAX代码

赞 (2)
分享到:更多

评论 6

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 上海seo哎,挺复杂的啊。。 :arrow:回复
    • 小鱼呵呵,这个可以直接复制粘贴就能使用的回复
  2. 清风羡慕会编程的,只能羡慕羡慕,另喜欢wp主题和生活点滴栏目回复
    • 小鱼:roll: 嘿嘿,多学学,你也可以的回复
  3. 小叶
    :mrgreen: 我已于 2015-08-17 10:19 签到成功!也欢迎您每天来签到哦~
    回复
  4. ITboy不错不错回复