無刷新刪除 Ajax,JQuery

1.數據庫用上面的,增加一個 DeleteById 的SQL方法
delete from T_Posts where Id = @Original_Id

2.設置處理頁面 delete.ashx

  public void ProcessRequest(HttpContext context)
    {
            context.Response.ContentType = "text/plain";
            string id = context.Request["id"];    //得到用戶傳過來的ID
            var data = new T_PostsTableAdapter().DeleteById(Convert.ToInt32(id));  //刪除
            if (data > 0)
            {
                context.Response.Write("ok");    //刪除成功,返回OK
            }
    }

3.界面設計,用aspx中的ListView
增加OBJ數據源,增加ListView,綁定好數據,在ItemTemplate模板中增加如下HTML：

  <td>
    <input type="button" isRemove="true" curId='<%# Eval("Id") %>'  value="無刷新刪除" />
  </td>

4.JavaScript設置

    <script type="text/javascript">
        $(function() {
            $("input[isRemove=true]").click(function() {
                var id = $(this).attr("curId");        //獲得當前行ID
                $.post("Delete.ashx", { "id": id }, function(data, status) {
                    if (status == "success") {
                        if (data == "ok") {
                            alert('刪除成功！');
 //$(this).parent().parent().remove();                    在這里this指的不是當前行
$("input[curId=" + id + "]").parent().parent().remove(); //刪除當前行,parent()指的是父親節點
                        } else {
                            alert('刪除失敗！');
                        }
                    }
                });
            });
        });
    </script>