无刷新删除 Ajax,JQuery

Posted 2020-09-17 叶祖辉

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>