jQuery Pjax与Ajax的区别

ajax

ajax技术应该大家都知道就是用来后台与服务器进行少量数据交换,也就不用刷新页面就能看到数据内容,但是ajax有几大问题 1、搜索引擎不识别js代码,也就是无法知道ajax交互之后内容 2、如js做页面的内容的显示,游览器地址不会切换 3、因为游览器地址不能切换,也不支持后退

Pjax

Pjax=pushState + Ajax 主要的功能是解决ajax上面的几个问题,只是刷新部分页面,切换地址,游览器能记录历史地址,不用重新加载公共的js、css等公共资源,提升用户的体验,pjax的原理我就不解释了看一下http://my.oschina.net/sub/blog/123447这个文章,或者网上找找

github:https://github.com/defunkt/jquery-pjax demo:http://pjax.herokuapp.com/

demo注意观察

jQuery Pjax与Ajax的区别

开启pjax

看demo的时候可以看一下chrome 的network

jQuery Pjax与Ajax的区别

pajx验证

然后观察一下地址栏的变化,你就会发现pajx的好处