ASP jQuery AJAX无刷新评论

ASP jQuery AJAX无刷新评论2010-06-30 cnblogs Lance.Liang做公司网站时的一个应用，用猫东的表单验证插件做实时的验证，和的ajax提交数据，获取评论的时候加入简单的分页

原理很简单，注意一下编码问题就行了

实现了获取评论无刷新，发表评论无刷新，页面获取评论时显示loading加载效果

jquery真的是一个非常优秀的JS库，简单容易掌握，对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示，实现起来都非常的简单，往往就是几句代码的事。

做AJAX应用，提供的$.get（）、$.post（）函数都可以用于提交数据，但建议使用$.ajax（）来提交，那两个函数都不提供错误返回信息，不利全面掌控。

看代码实现，这里我删减了一部分，便于说明（comments.asp）：

$（function（）{
  //页面初始化时获取评论内容
  getComments（1）;
}）;
//获取评论内容
function getComments（pageno）{
  $.ajax（{
    type:"GET",
    url:"proc_comments.asp",
     data:"action=getComments&id=44&page="+pageno+"&num="+Math.round（Math.random（）*10000）,
    error:function（）{$（"#comm_list table tr td"）.html（"获取评论信息失败"）;},
    success:function（comments_data）{
      $（"#comm_list"）.html（comments_data）;
    }
  }）;
}

//添加评论到数据库，同时更新显示，注意escape编码后提交

function addComments（）{
  if（$.formValidator.pageIsValid（））{
    $.ajax（{
      type:"POST",
      url:"proc_comments.asp",
       data:"action=addcomments&id=44&comm_user="+escape（$（"#comm_user"）.val（））+"&comm_content="+escape（$（"#comm_content"）.val（））,
      success:function（）{
        getComments（1）;
      }
    }）;
  }
}