评论分页ajax算是全站ajax的一个迷你版,如果要学习ajax可以从分页ajax开始。下面是一段简单的实现代码:
//评论分页ajax $('#comments').on("click",' .pagenav a', // on方法绑定分页a标签 function() { $.ajax({ // ajax方法 type: "GET", dataType: "html", url: $(this).attr('href'), beforeSend: function(){ $('.comment-list').remove(); // 移除原来的评论列表区 $('#css-loading').show(); // 加载动画显示 }, success: function(data){ result = $(data).find('.comment-list'); // 变量:用遍历find方法找到评论列表区 $('#css-loading').fadeOut(550,function(){ // 加载动画淡出 ,回调函数: $('#css-loading').after(result.fadeIn());}); // 评论列表区淡入 } }); return false;//这个必不可少 });
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。
转载请注明出处链接 : https://www.inlojv.com/4071.html