评论分页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;//这个必不可少
});

当然加载动画可以用其他的来替代,这个动画可以放在评论列表区的上方,如图:
评论分页ajax