無重新整理刪除 Ajax,JQuery

標籤：tty   proc   move   else   處理   view   inpu   http   content   

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>

 

無重新整理刪除 Ajax,JQuery