pjax局部刷新,支持超链接、搜索表单、评论表单

admin

发表文章数:3177

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

未经允许不得转载:作者:admin, 转载或复制请以 超链接形式 并注明出处 夜河资源网
原文地址:《pjax局部刷新,支持超链接、搜索表单、评论表单》 发布于2019-04-19

分享到:
赞(0) 打赏

评论 抢沙发

9 + 4 =


撰写不易~如果您觉得文章对您有帮助的话可以打赏我哦~谢谢亲亲~

支付宝扫一扫打赏

微信扫一扫打赏

外服网游加速器破解版
包含腾讯网游加速器、海豚网游加速器等八款知名加速器,可加速外服游戏,永久包售后包更新,不定时添加新款破解版加速器!
切换注册

登录

忘记密码 ?

切换登录

注册