码迷,mamicode.com
首页 > Web开发 > 详细

无刷新删除 Ajax,JQuery

时间:2017-05-11 22:26:23      阅读:201      评论:0      收藏:0      [点我收藏+]

标签: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

标签:tty   proc   move   else   处理   view   inpu   http   content   

原文地址:http://www.cnblogs.com/yezuhui/p/6842734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!