pjax

pjax虽然出现有一段时间了，但真正采用pjax技术的网站还不多见。那么，pjax是什么呢？最简一句话就是pjax = pushState + ajax。引用官网的一段话：

pjax是一个jQuery插件，它通过ajax和pushState技术提供了极速的（无刷新ajax加载）浏览体验，并且保持了真实的地址、网页标题，浏览器的后退（前进）按钮也可以正常使用。

pjax的工作原理是通过ajax从服务器端获取HTML，在页面中用获取到的HTML替换指定容器元素中的内容。然后使用pushState技术更新浏览器地址栏中的当前地址。以下两点原因决定了pjax会有更快的浏览体验：

不存在页面资源（js/css）的重复加载和应用；
如果服务器端配置了pjax，它可以只渲染页面局部内容，从而避免服务器渲染完整布局的额外开销。

 

想尝试的，可以去这个网址看详细文档： http://bsify.admui.com/jquery-pjax/

最后，再说明下，pjax有点老旧了。有没有其它替换的技术，大家可以推荐下。

标签：pjax 发布于：2021-04-07 09:35:00