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有点老旧了。有没有其它替换的技术,大家可以推荐下。

相关日志

发表于:2021-04-07 09:35:00 at 09:35 分类:代码 发表评论 Tags:

发表评论

(必填)

(必填)您的电子邮箱不会被公开。

Archives