pjax的使用方法和注意事项

文档地址:https://github.com/defunkt/jquery-pjax

介绍

pjax 是一个 jQuery 插件,它使用 ajax 和 pushState 通过页面链接、页面标题和后退按钮提供快速浏览体验。

工作原理
通过 ajax 从服务器获取 HTML 并替换 页面上带有加载 HTML 的容器元素内容。然后,它会使用 pushState 更新 浏览器的当前 URL。
主要通过HTML5 的 pushState() 和 replaceState() 新特性和 ajax 结合实现

1.引入jquery和pjax

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>

先引入jquery,然后下载pjax文件,引入到项目中

2.代码

是否支持pjax

if ($.support.pjax) {
	//...
}
© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    请登录后查看评论内容