编程技术

使用PJAX局部刷新功能

我这里就直接写重点了

# js文件引入

  • 依懒jquery
<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
1

我直接放在header.php。

# 引入jquery.pjax.js

<script src="https://cdn.bootcss.com/jquery.pjax/2.0.1/jquery.pjax.min.js"></script>
1

# 举例子


 

 
 

 














<body>
  <div class="sidebar">
    <!-- 侧栏里的内容 不需要被刷新 -->
  </div>
  <div class="main" id="pjax-container">
    <!-- 主容器 需要被刷新 -->
  </div>
<!-- jQuery引用 -->
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<!-- pjax引入 -->
<script src="https://cdn.bootcss.com/jquery.pjax/2.0.1/jquery.pjax.min.js"></script>
<script>
$(document).pjax('a[href^="<?php Helper::options()->siteUrl()?>"]:not(a[target="_blank"], a[no-pjax])', {
    container: '#pjax-container',
    fragment: '#pjax-container',
    timeout: 8000
})
</script>
</div>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# 如果版本不搭配爆红的