pjax实现无刷新页面跳转

1、什么是pjax（实现无刷新跳转）

　　a) pushState和ajax技术， 不需要重新加载整个页面就能从服务器加载Html到你当前页面，这个ajax请求会有永久链接、title并支持浏览器的回退/前进按钮。

　　b) 使用：http://www.jianshu.com/p/557cad38e7dd 

　　c) Pjax参数：https://www.cnblogs.com/qiufuwu618/archive/2012/12/20/2826190.html 

2、如何使用

　　a) 把下载的pjax的文件放在项目中：jquery.pjax.js

　　b) 下载地址：https://github.com/defunkt/jquery-pjax 

　　c) 添加如下代码

<script>
    $(document).pjax('a','#content',{'enablePushState': false,'timeout':false});
</script>

　　a代表的是<a>标签，#content代表的是id为content的容器（用于存放内容的地方）， 后面的是参数，具体查看上面的参数。

扫描二维码关注公众号，回复： 6638011 查看本文章

<a href="all_user_mess">显示所有用户信息</a>

　　<a>标签跳转的页面就是需要输出的页面。

3、Php的后台需要注意几点

　　a) 例如上面是跳转到all_user_mess方法的。那么，all_user_mess方法就不能像以前一样使用return返回页面了，要使用echo 输出页面。即可。

echo$this->fetch('all_money_mess',['allMoneyData'=>$result,'page'=>($result->render()),'count'=>($result->currentPage())]);

 

4、未解决的问题

　　a) 按f5刷新页面的时候是整个页面进行刷新的，暂时还不清楚如何解决。