pjax是对ajax + pushState的封装ajax大家应该都明白,僦是使用xmlhttprequest对象与服务端进行交换数据pushState是一个可以操作history的api。说白了pjax也就是利用ajax从服务端取回数据,利用pushState更新当前的url这样就支持了回退。其之所以有相当快的加载速度主要由以下两方面原因:
第一页面不需要重新加载或是应用一些资源,如css、js等
第二,服务器是依据ajax请求返回部分页面,而不是整个页面
//处理pajx请求,加载部分页面点击页面中“pjax加载”后效果如下:
刷新当前页面,效果如下:
点击回退便返回到了首页。到此案例是描述完了,接下来我们将需要进一步分
jquery.pjax是jQuery的一个插件,关于jQuery插件开发可以参考。关于jquery.pjax的使用是比较簡单的我们只需要调用pajx方法即可,该方法具体描述如下:
关于options的配置还是比较多的,如下
|
0 |
|
|
服务端怎样判断是不是pjax请求呢
我们可以通過头信息中X-PJAX等信息进行判断,如下: