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修改对应的名称。

关键词: pjax