基于jquery实现ajax无刷新评论

  <div>    <h2>文章：</h2>    <p>this a text!this a text!this a text!this a text!this a text!this a text!this a text!this a text!    this a text!this a text!this a text!this a text!this a text!this a text!this a text!this a text!this a text!    this a text!this a text!this a text!this a text!this a text!this a text!</p>    <ul id="pinglunlist">    </ul>  </div>  <textarea id="msg" style="margin-left:20px;" cols="40" rows="10"></textarea>  <input id="btnpinglun" type="button"    value="评论" />

    public void ProcessRequest(HttpContext context)    {      context.Response.ContentType = "text/plain";      string msg = context.Request["msg"];      new T_articleTableAdapter().Insert(context.Request.UserHostAddress, msg, DateTime.Now); //创建一个强类型的实例，然后调用Insert()函数插入；      context.Response.Write("ok");    }

    public void ProcessRequest(HttpContext context)    {      context.Response.ContentType = "text/plain";      var datas = new T_articleTableAdapter().GetData(); //返回的是一个DataTable      StringBuilder sb = new StringBuilder(); //创建StringBuilder更加方便的搜集数据      foreach (var data in datas)   //用foreach方法遍历DataTable      {//实现字符串的拼接；每行数据用$隔开，每行数据的每个元素用|隔开；有利于前台解析数据；        sb.Append(data.ipaddress).Append("|").Append(data.msg).Append("|").Append(data.posttime).Append("$");      }      context.Response.Write(sb);    }

$(function () {      $.post("WSXPL1.ashx", function (data, status) { //通过WSXPL1.ashx获取所有的评论内容        if (status == "success") {          var result = data.split("$");  //按照$分割字符串          for (var i = 0; i < result.length - 1; i++) {            var msg = result[i];            var line = msg.split("|");   //按照|分割字符串            var pinglun = $("<li>用户ID：" + line[0] + "； 评论内容：" + line[1] + "； 评论时间：" + line[2] + "</li>");            $("#pinglunlist").append(pinglun); //把得到的评论结果追加到ul元素上          }        }        else {          alert("ajax错误！");        }      })      $("#btnpinglun").click(function () {  //设置btn事件        var msg = $("#msg").val();        $.post("ashx/WSXPL.ashx", { "msg": msg }, function (data, status) {          if (status == "success") {            if (data == "ok") {              $.post("WSXPL1.ashx", function (data, status) { //为了实现评论的时候评论内容会自动的添加到ul上                if (status == "success") {                  var result = data.split("$");                  var msg = result[result.length - 2];    //获取最后一条评论                  var line = msg.split("|");                  var pinglun = $("<li>用户ID：" + line[0] + "； 评论内容：" + line[1] + "； 评论时间：" + line[2] + "</li>");                  $("#pinglunlist").append(pinglun);   //把最后一条评论追加到ul上                }                else {                  alert("ajax错误！");                }              })              alert("评论成功！");            }            else {              alert("评论失败！");            }          }        })      })    })