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

Ajax无刷新删除GridView行(常用)

时间:2020-06-16 18:12:18      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:get   学习   处理   json   on()   rod   处理程序   remove   HERE   

1.首先在低三层DAL层与BLL写入删除命令

public static int Delete(int id)
       {
           var sql = " delete from Product where id="+id;
           return SqlHelper.NoQuery(sql);
       }

2.在首页给删除按钮加入Class属性和data-id属性。(特别强调对于GridView内的删除按钮一定设置class不要哦设置id属性)

我以<a>标签为例:
<a href="#" class="shan" data-id=<%#Eval("id") %>>删除</a>

3.创建一般处理程序时注意细节问题。

我们以Post为例:
 public class Delete : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            var id = Convert.ToInt32(context.Request.Form["data"]);
            int num = ProductManage.Delete(id);
            
            context.Response.ContentType = "application/json";
            context.Response.Write(num);
        }


        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

4.script进行操作。

我们已一个简单的例子去写:
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $(".shan").live("click",
                function() {
                    if (!confirm("确定要删除吗?")) {
                        return;
                    }
                    var $old = $(this);
                    var id = $old.attr("data-id");
                    $.post("/Delete.ashx",
                        { id: id },
                        function(data) {
                            if (data>0) {
                                alert("删除成功!");
                                $old.closest("tr").remove();
                            }
                        });
                });
        })
    </script>

 

今天小帆的分享就到这里,努力学习天天向上~冲??冲??

 

Ajax无刷新删除GridView行(常用)

标签:get   学习   处理   json   on()   rod   处理程序   remove   HERE   

原文地址:https://www.cnblogs.com/NeatFan/p/13143308.html

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