MVC jquery ajax 批量删除数据

今天写的一个小东西。MVC 3.0 的一个项目,通过ajax 实现批量删除数据。下面一一注释。 

  <!DOCTYPE html>
   
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title></title>
  <link href="/Content/Style.css" rel="stylesheet" type="text/css" />
  <script src="/Scripts/jquery-1.7.2.js" type="text/javascript"></script>
  <script src="/Scripts/base.js" type="text/javascript"></script>
   
  </head>
  <body>
  <div>
  <script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
   
  <script type="text/javascript" src="http://www.cnblogs.com/Scripts/Common.js"></script>
  <script type="text/javascript">
  $(function () {
   
   
   
   
   
   
   
   
  ///删除用户记录信息
  $("a.deleteLink").each(function () {
  $(this).click(function () {
  var id = $(this).attr("itemID");
  var url = "/User/MarkDel" + "/" + id;
  if (!confirm("确定要删除此条记录吗?")) return false;
  $.ajax(
  {
  type: "Post",
  url: url,
  success: function (msg) {
  if (msg == "Success")
  alert("删除成功");
  window.location.reload();
  },
  Error: function (msg) {
  if (msg == "Error")
  alert("删除失败");
  }
  }
  )
  })
  });
   
  ///批量删除
  var arry = new Array();
  $("a.deleteUser").click(function () {
  var i = 0;
  $("input.select").each(function () {
  if ($(this).attr("checked") == "checked" && $(this).attr("class") != "selectAll") {
  var id = $(this).attr("itemID");
  arry[i] = id;
  i++;
  }
  })
   
  if (arry.length > 0) {
  if (!confirm("确定要删除这些用户吗?")) return false;
  for (var i = 0; i < arry.length; i++) {
  var url = "/User/MarkDel/" + arry[i];
  $.ajax({
  type: "Post",
  url: url,
  success:
  function (msg) {
  if (msg == "Success") {
  window.location.reload();
  }
  },
  error: function (msg) {
  if (msg == "error") {
   
  alert("删除失败");
  }
  }
  });
  }
  }
  })
  })
  </script>
  <div class="location">
  <ul class="current"><li class="navigation_arrow">用户组织结构</li><li class="navigation_arrow">浙江万赛集团(筹)</li></ul>
  </div>
  <div class="toolbar">
  <ul class="left">
  <li><a href="/Department/Create">添加部门</a></li>
  <li><a href="/User/CreateUser">添加用户</a></li>
  <li><a href="#" class="deleteUser">删除用户</a></li>
  <li><a href="#" id="Export">导出用户</a></li>
  <li><a href="">导入用户</a></li>
  <li><a href="">申请调动</a></li>
  </ul>
  <ul class="right">
  </ul>
  </div>
  <table class="ListTable" cellspacing="1">
  <tr class="head">
  <th class="select">
  <input type="checkbox" class="selectAll" />全选
  </th>
  <th>
  名称
  </th>
  <th>
  昵称
  </th>
  <th>
  密码
  </th>
  <th>
  Email
  </th>
  <th>
  部门编号
  </th>
  <th>
  状态
  </th>
  <th>
  创建时间
  </th>
  <th>
  操作
  </th>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="270" />
  </td>
  <td>
  text001
  </td>
  <td>
  测试1
  </td>
  <td>
  96E79218965EB72C92A549DD5A330112
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  8
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/270">修改</a>
  <a class="viewLink" href="/User/Details/270">详情</a>
  <a class="deleteLink" itemID="270" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="269" />
  </td>
  <td>
  ceshizhuanyong
  </td>
  <td>
  测试专用号
  </td>
  <td>
  1D389BCBAC331ADC6CC65C694BF10C40
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  8
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/269">修改</a>
  <a class="viewLink" href="/User/Details/269">详情</a>
  <a class="deleteLink" itemID="269" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="268" />
  </td>
  <td>
  xwy
  </td>
  <td>
  夏微莹
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  9
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/268">修改</a>
  <a class="viewLink" href="/User/Details/268">详情</a>
  <a class="deleteLink" itemID="268" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="267" />
  </td>
  <td>
  cmcvzeckd4pckq2xmjdz
  </td>
  <td>
  ::1
  </td>
  <td>
  9D3BC52AA91974EF6C43A2E06E238EB0
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  9
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/267">修改</a>
  <a class="viewLink" href="/User/Details/267">详情</a>
  <a class="deleteLink" itemID="267" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="266" />
  </td>
  <td>
  pmfu1qfrqxhpjpr5rlt2
  </td>
  <td>
  ::1
  </td>
  <td>
  80E3AF0291DB71D2892EB67D845D3D44
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  9
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/266">修改</a>
  <a class="viewLink" href="/User/Details/266">详情</a>
  <a class="deleteLink" itemID="266" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="265" />
  </td>
  <td>
  hyf
  </td>
  <td>
  何雅峰
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  12
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/265">修改</a>
  <a class="viewLink" href="/User/Details/265">详情</a>
  <a class="deleteLink" itemID="265" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="264" />
  </td>
  <td>
  hxj
  </td>
  <td>
  黄晓军
  </td>
  <td>
  55fde56ef51fc45cabe363b0b2b24053
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  12
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/264">修改</a>
  <a class="viewLink" href="/User/Details/264">详情</a>
  <a class="deleteLink" itemID="264" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="263" />
  </td>
  <td>
  zyy
  </td>
  <td>
  周云
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  12
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/263">修改</a>
  <a class="viewLink" href="/User/Details/263">详情</a>
  <a class="deleteLink" itemID="263" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="262" />
  </td>
  <td>
  test3
  </td>
  <td>
  test3
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  14
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/262">修改</a>
  <a class="viewLink" href="/User/Details/262">详情</a>
  <a class="deleteLink" itemID="262" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="261" />
  </td>
  <td>
  test
  </td>
  <td>
  test
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  14
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/261">修改</a>
  <a class="viewLink" href="/User/Details/261">详情</a>
  <a class="deleteLink" itemID="261" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="260" />
  </td>
  <td>
  lyf
  </td>
  <td>
  李宇飞
  </td>
  <td>
  08818b147680f99c496fa37958e5fadb
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  14
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/260">修改</a>
  <a class="viewLink" href="/User/Details/260">详情</a>
  <a class="deleteLink" itemID="260" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="259" />
  </td>
  <td>
  qxm
  </td>
  <td>
  阙细梅
  </td>
  <td>
  12141946b4c77eeb016fe2a465e5556a
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  14
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/259">修改</a>
  <a class="viewLink" href="/User/Details/259">详情</a>
  <a class="deleteLink" itemID="259" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="258" />
  </td>
  <td>
  fxf
  </td>
  <td>
  冯旭飞
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  29
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/258">修改</a>
  <a class="viewLink" href="/User/Details/258">详情</a>
  <a class="deleteLink" itemID="258" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="257" />
  </td>
  <td>
  bjzyl
  </td>
  <td>
  张银玲
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  29
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/257">修改</a>
  <a class="viewLink" href="/User/Details/257">详情</a>
  <a class="deleteLink" itemID="257" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="256" />
  </td>
  <td>
  ylg
  </td>
  <td>
  杨隆刚
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  29
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/256">修改</a>
  <a class="viewLink" href="/User/Details/256">详情</a>
  <a class="deleteLink" itemID="256" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="255" />
  </td>
  <td>
  wybb
  </td>
  <td>
  魏衍博
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  29
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/255">修改</a>
  <a class="viewLink" href="/User/Details/255">详情</a>
  <a class="deleteLink" itemID="255" href="#">删除</a>
  </td>
  </tr>
  <tr class ="light" >
  <td class="select">
  <input type="checkbox" class="select" itemID="254" />
  </td>
  <td>
  hjy
  </td>
  <td>
  侯建勇
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  29
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/254">修改</a>
  <a class="viewLink" href="/User/Details/254">详情</a>
  <a class="deleteLink" itemID="254" href="#">删除</a>
  </td>
  </tr>
  <tr class ="dark" >
  <td class="select">
  <input type="checkbox" class="select" itemID="253" />
  </td>
  <td>
  zyl
  </td>
  <td>
  赵永亮
  </td>
  <td>
  25D55AD283AA400AF464C76D713C07AD
  </td>
  <td>
   
  &nbsp;
  </td>
  <td>
  28
  </td>
  <td>
  0
  </td>
  <td>
  2011/7/11 15:34
  </td>
  <td>
  <a class="editLink" href="/User/EditSelf/253">修改</a>
  <a class="viewLink" href="/User/Details/253">详情</a>
  <a class="deleteLink" itemID="253" href="#">删除</a>
  </td>
  </tr>
  </table>
  <div class="pager">
  <ul>
  <li class="total">
  133
  </li>
  <li class="first btn"><a href="?page=1" title="首页" target="_self">首页</a></li>
  <li class="prev btn"><a href="?page=5" target="_self">上一页</a></li>
  <li class="pageNo"><a href="?page=1" target="_self">1</a></li>
  <li class="pageNo"><a href="?page=2" target="_self">2</a></li>
  <li class="pageNo"><a href="?page=3" target="_self">3</a></li>
  <li class="pageNo"><a href="?page=4" target="_self">4</a></li>
  <li class="pageNo"><a href="?page=5" target="_self">5</a></li>
  <li class="pageNo">6</li>
   
  <li class="next btn"><a href="?page=7" target="_self">下一页</a></li>
  <li class="last btn"><a href="?page=8" target="_self">尾页</a></li>
   
  <li class="form">
  <form action="" method="get">
  <input type="text" size="3" name="page" value="6" />&nbsp;/8&nbsp;
  <input type="submit" class=" btn hover" value="跳转" />
  </form>
  </li>
  </ul>
  </div>
   
   
   
  </div>
  </body>
  </html>
 
 
原文地址:https://www.cnblogs.com/BungeeJumping/p/2579772.html