首页 > 代码库 > 无刷新删除 Ajax,JQuery

无刷新删除 Ajax,JQuery

2024-08-07 06:59:00   210人阅读

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 = http://www.mamicode.com/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="http://www.mamicode.com/无刷新删除" />  </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 =http://www.mamicode.com/="ok") {                            alert(‘删除成功！‘); //$(this).parent().parent().remove();                    在这里this指的不是当前行$("input[curId=" + id + "]").parent().parent().remove(); //删除当前行,parent()指的是父亲节点                        } else {                            alert(‘删除失败！‘);                        }                    }                });            });        });    </script>

 

无刷新删除 Ajax,JQuery


联系
我们