快速接入Pjax

Pjax是jQuery的一个插件,Pjax即pushState + Ajax.

引用

</head>标记结束前加入.

1
<script type="text/javascript" src="https://unpkg.com/jquery-pjax@2.0.1/jquery.pjax.js"></script>

容器

1
2
3
<div id="container">
内容
</div>

处理

</body>标记结束前加入.

1
2
3
4
5
6
7
8
9
10
11
$(document).pjax('a[target!=_blank]', {
container: '#container', // 容器id
fragment: '#container', // 容器id
timeout: 6000 //超时时间(单位ms)
}).on('pjax:start', () => {
// 触发
}).on('pjax:success', () => {
// 成功
}).on('pjax:end', () => {
// 结束
});