ajax删除DB数据

1.前台js

 1 $().ready(function () {
 2
 3     $(‘[name="checkAll"]‘).click(function () {
 4         if ("checked" == $(‘input[name="checkAll"]‘).attr("checked")) {
 5             $(‘input[type="checkbox"]‘).attr("checked", "checked");
 6         } else {
 7             $(‘input[type="checkbox"]‘).removeAttr("checked");
 8         }
 9     });
10
11     $(‘input[name="btnDelete"]‘).click(function () {
12         var checkCount = 0;
13
14         $(‘input[type="checkbox"]‘).not(‘input[name="checkAll"]‘).each(function (index, element) {
15             if ("checked" == $(this).attr("checked")) {
16                 checkCount++;
17             }
18         });
19
20         if (checkCount <= 0) {
21             alert("请选择您要删除的数据!");
22             return false;
23         }
24
25         if (confirm("确定要删除吗?")) {
26             var data = "[";
27
28             $(‘input[type="checkbox"]‘).not(‘input[name="checkAll"]‘).each(function (index, element) {
29                 if ("checked" == $(this).attr("checked")) {
30                     data += "{id : " + $(this).val() + "} ,";
31                 }
32             });
33
34             if (data != "[") {
35                 data = data.substring(0, data.length - 1) + "]";
36
37                 $.post("/User/DeleteById", data, function success(result) {
38                     //1.ajax返回单个字符串内容
39                     //var msg = " <font style=‘color:red‘>" + result + "</font>";
40                     //if ($(‘#ajaxMsg‘).html() == ‘‘) {
41                     //    $(‘#ajaxMsg‘).append(msg);
42                     //}
43
44                     //2.ajax返回多个字符串内容
45                     var msg = " <font style=‘color:red‘>删除成功!</font>";
46                     if ($(‘#ajaxMsg‘).html() == ‘‘) {
47                         $(‘#ajaxMsg‘).append(msg);
48                     }
49
50                     $(‘input[name="checkAll"]‘).removeAttr("checked");
51
52                     $(‘input[type="checkbox"]‘).not(‘input[name="checkAll"]‘).each(function (index, element) {
53                         $(this).parent().parent().remove();
54                     });
55
56                     var ajaxResult = $.parseJSON(result);
57                     $.each(ajaxResult, function (index, element) {
58                         var tr = "<tr>"
59                                   + "<td><input type=‘checkbox‘ value=‘" + element.ID + "‘ /></td>"
60                                   + "<td><a href=‘/User/Detail/" + element.ID + "‘>" + element.UserName + "</a></td>"
61                                   + "<td>" + element.Phone + "</td>"
62                                   + "<td>" + element.Email + "</td>"
63                                   + "<td>" + element.Address + "</td>"
64                                   + "<td>" + element.CreateTime + "</td>"
65                                   + "<td>" + element.UpdateTime + "</td>"
66                                   + "<td><a href=‘/User/Edit/" + element.ID + "‘>修改</a></td>"
67                                   + "<td><a href=‘/User/Delete/" + element.ID + "‘>删除</a></td>"
68                                   + "</tr>";
69                         $(‘table‘).append(tr);
70                     });
71                 });
72             }
73         }
74     });
75 });

2.后台代码:

[HttpPost]
        public ActionResult DeleteById()
        {
            String ajaxId = Request.Params[0];

            JavaScriptSerializer js = new JavaScriptSerializer();
            List<AjaxReq> ajaxReqList = js.Deserialize<List<AjaxReq>>(ajaxId);
            if (null != ajaxReqList && 0 < ajaxReqList.Count())
            {
                foreach (AjaxReq ajaxReq in ajaxReqList)
                {
                    UserDto user = new UserDto();
                    user.ID = ajaxReq.ID;
                    db.Entry<UserDto>(user).State = System.Data.EntityState.Deleted;
                    db.SaveChanges();
                }
            }

            List<UserDto> userList = db.Users.ToList();

            //1.ajax返回单个字符串内容
            //return base.Json("删除成功!");

            //2.ajax返回多个字符串内容
            return base.Json(js.Serialize(userList));

        }

时间: 2024-10-12 04:56:22

ajax删除DB数据的相关文章

Django框架进阶6 多对多三种创建方式, Ajax, Content-Type前后端传输数据编码格式, Ajax发送文件数据, django内置的序列化功能, Ajax结合sweetalert实现删除二次确认, 批量插入数据, 自定义分页器, ajax结合sweetalert实现删除二次确认

多对多三种创建方式 1.全自动(较为常用) class Book(models.Model): title = models.CharField(max_length=32) authors = models.ManyToManyField(to='Author') # orm就会自动帮你创建第三张表 class Author(models.Model): name = models.CharField(max_length=32) ''' 好处:第三张表自己创建 不足之处:第三张表无法扩展额外

MVC使用jQuery.ajax()删除数据

jQuery.ajax()可以简写为$.ajax().以前有写过MVC删除的实现,如<MVC实现删除数据库记录> http://www.cnblogs.com/insus/p/3368042.html 和<MVC 5显示.创建.编辑.删除等功能实练>http://www.cnblogs.com/insus/p/3372916.html .不过此次Insus.NET想使用jQuery.ajax()方法来实现. 能实现到此功能,也有遇上很多困难以及花费很多时间.当你看到此篇时,你会看到

thinkphp ajax删除 隐藏与显示

知识点: 1.ajax删除: 2.一个同步实现三个异步的效果. html 部分 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea

Atitit.Gui控件and面板----db数据库区----- .数据库比较同步工具 vOa

Atitit.Gui控件and面板----db数据库区----- .数据库比较同步工具 vOa 1. 咨微海信数据库应用 工具 1 2. 数据库比较工具 StarInix SQL Compare   (500K) 3 3. sql delta v5.1 特别版 (15M  推荐) 4 4. RedGate.SQL.Compare.Pro.9.0.0.79 破解版 (9M) 8 5. BXC-SQLServer数据库对象对比工具下载 V1.02免费版_ <BXC-SQL... 8 6. Godsw

通过Transaction Log(fn_dblog)取回被删除的数据

最近跟 James 讨论为何「ApexSQL Log」这个工具可以读到被删除的数据呢? 原来它是透过 Transaction Log 来读取数据的! 于是透过 Transaction Log 到网络上有找到「SQL Server – How to find Who Deleted What records at What Time」直接透过 Transaction Log 来把被删除的数据给找回来! 蛮神奇的,只是Run在我的区分大小写的DB中会发生错误,因为有些字段名称大小写没有一致,于是就调

从文件读取内容,删除一个数据,把删除后的数据重新写入到文件

demo.php : <!--从文件读取内容,删除一个数据,把删除后的数据重新写入到文件--><?php    $aa = file_get_contents('picinfo.db');    $bb = rtrim($aa,'@');    //var_dump($bb);exit;    $array = explode('@@',$bb);    //var_dump($array);exit;        /****测试以下代码,打开var_dump($cc);exit;并依

SQL Server系列之 删除大量数据

一.写在前面 - 想说爱你不容易 为了升级数据库至SQL Server 2008 R2,拿了一台现有的PC做测试,数据库从正式库Restore(3个数据库大小夸张地达到100G+),而机器内存只有可怜的4G,不仅要承担DB Server角色,同时也要作为Web Server,可想而知这台机器的命运是及其惨烈的,只要MS SQL Server一启动,内存使用率立马飙升至99%.没办法,只能升内存,两根8G共16G的内存换上,结果还是一样,内存瞬间被秒杀(CPU利用率在0%徘徊).由于是PC机,内存

mongodb删除重复数据

插入六条数据: 查询存在重复的数据: 查询并循环删除重复数据: 删除语句解析: db.userInfo.aggregate([ { $group: { _id: {userName: '$userName',age: '$age'},count: {$sum: 1},dups: {$addToSet: '$_id'}} }, { $match: {count: {$gt: 1}} } ]).forEach(function(doc){ doc.dups.shift(); db.userInfo.

异步请求(删除json数据)

异步请求(删除json数据) 删除数据库信息, 同时页面对应的样式也随之删除 Demo: 删除雇员信息1.在控制层定义删除的方法 //删除数据 public void jsonRemove(HttpServletRequest req,HttpServletResponse resp) throws Exception { //获取要删除的雇员的编号 Integer empno = Integer.valueOf(req.getParameter("id")); //调用业务层的删除方