读者之林
分享你我所想

Pjax和Ajax是什么,有什么联系

   

      Pjax是什么

      当你点开一个网站的时候,点击里面的一个链接,整个页面都会闪一下,此时就会影响用户体验,通俗的来说,pjax就是为了解决这一问题,每次只加载需要变动的网页内容,不会出现页面整个进行加载闪一次,同时,pjax由于在加载时没有做无用的加载项,极大地减少带宽消耗和服务器消耗,用户体验提升,一举多得。由于只是刷新部分页面, 大部分的请求(css/js)都不会重新获取, 网站带有用户登录信息的外框部分都不需要重新生成了。 虽然我没有具体统计这部分的消耗, 我估计至少有40%以上的请求, 30%以上的服务器消耗被节省了。

      Ajax是什么?

每次说到pjax,你也许就会想到ajax,是不是两者有什么联系呢?答案是肯定的,ajax是后台与服务器进行少量数据交换,也就不用刷新页面就能看到数据内容,但是ajax有几大问题

  •       1、搜索引擎不识别js代码,也就是无法知道ajax交互之后内容
  •       2、如js做页面的内容的显示,游览器地址不会切换
  •       3、因为游览器地址不能切换,也不支持后退。

      而pjax是支持后退的, 同时, 由于刷新部分页面的时候提供了一个loading的提示, 以及在刷新的时候旧页面还是显示在浏览器中, 用户能够容忍更长的页面加载时间。

      结合ajax的优点与缺点,综上,所以结合起来可以理解为  PJAX=PushState+Ajax

,在浏览本博客的时候是否您注意到本站全站启用了pjax呢,对于需要使用的小伙伴建议参考官方文档进行研究,这里就不详细介绍啦,官网有详细的使用教程,地址 https://github.com/defunkt/jquery-pjax

赞(4) 打赏
转载请标明文章出处:读林博客 » Pjax和Ajax是什么,有什么联系
分享到: 更多 (0)

评论 抢沙发

  • QQ (选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

打赏一下作者吧

支付宝扫一扫打赏

微信扫一扫打赏