最新消息:欢迎加入小松的QQ群一起讨论一起学习,服务器快到期了,新买了台服务器,最近要做服务器迁移

jQuery Pjax于ajax的区别

前端技术 541浏览 0评论

 

最近小松发现了Pjax的技术,本来想把这个用到自己的博客上,相信还是算了吧,之后找个时间在搞

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注意观察

开启pjax

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

pajx验证

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

 

QQ交流群:136351212

如无特别说明,本站文章皆为原创,若要转载,务必请注明以下原文信息:
转载保留版权:小松博客» jQuery Pjax于ajax的区别
本文链接地址:https://www.phpsong.com/2347.html

发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
木有头像就木有JJ!点这里按步骤申请Gravatar头像吧!