pjax局部刷新,支持超链接、搜索表单、评论表单
pjax可以实现局部刷新,和ajax的区别是,pjax的局部刷新,浏览器地址栏的网址会变化。
这个jquery.pjax.min.js是国外大神写的jquery开源的pjax通用封装插件,此外网上很多以上封装的教程都没有加上form事件,这个代码还可以解决博客的搜索和评论问题。
引入文件:
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/jquery.pjax/1.9.5/jquery.pjax.min.js"></script>代码参数:
<script type="text/javascript"> $(function(){ $(document).pjax('#container a', '.main', {fragment:'.main', timeout:1500}); $(document).on('submit', 'form', function (event) {$.pjax.submit(event, '.main', {fragment:'.main', timeout:6000});}); $(document).on('pjax:send', function() { $('body').append('<div class="loading"></div>'); $('.main').fadeTo(200,0.0); }); $(document).on('pjax:complete', function() { $('.loading').remove(); $('.main').fadeTo(500,1); }); }); </script>请根据自己网页的id或class修改对应的名称。
<< 上一篇
下一篇 >>