jquery 入门pjax是怎样的应用?如果入门

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等信息进行判断,如下:

我要回帖

更多关于 jquery 入门 的文章

 

随机推荐