<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("评论失败！");
            }
          }
        })

      })
    })