MVC jquery ajax 批量删除数据

最新推荐文章于 2021-02-25 09:46:43 发布
最新推荐文章于 2021-02-25 09:46:43 发布
阅读量178 收藏
点赞数
文章标签： 测试 javascript ViewUI
原文链接：http://www.cnblogs.com/BungeeJumping/archive/2012/07/06/2579772.html
版权

今天写的一个小东西。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/archive/2012/07/06/2579772.html

a2686872165
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery ajax实现批量删除具体思路及代码
12-11
js页面jquery代码： 代码如下: // JavaScript Document $(document).ready(function() { // 全选 $(“#allChk”).click(function() { $(“input[name=’subChk’]”).prop(“checked”,this.checked); }); // 单选 var subChk = $(“input[name=’subChk’]”) subChk.click(function() { $(“#allChk”).prop(“checked”, subChk.length == subChk.fil
MVC4 批量删除数据
03-23
ASP .NET MVC4 批量删除数据
【C#】mvc+ajax批量删除
关系成瘾的博客
02-13 749
 视图页： &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="checkbox" id="one"&gt;&lt;button id="remove"&gt;一键删除&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tab
java mvc批量删除_jquery ajax实现批量删除具体思路及代码
weixin_30653091的博客
02-25 107
js页面jquery代码：// JavaScript Document$(document).ready(function() {// 全选$("#allChk").click(function() {$("input[name='subChk']").prop("checked",this.checked);});// 单选var subChk = $("input[name='subChk']...
jQuery+ajax实现批量删除功能完整示例
10-16
主要介绍了jQuery+ajax实现批量删除功能,结合完整实例形式分析了jQuery+ajax结合bootstrap与layer.js插件实现的批量删除与交互功能相关操作技巧,需要的朋友可以参考下
MVC JQuery uploadIfy 批量上传并写入数据库信息
07-26
总的来说，MVC + JQuery + uploadIfy的组合提供了一个强大且灵活的文件批量上传解决方案。通过这种方式，开发者能够构建出高效且用户体验良好的文件上传功能，同时确保文件信息准确无误地存入数据库。在实际项目中，...
jQuery 实现批量提交表格多行数据的方法
10-18
批量提交功能在数据处理中非常常见，特别是在需要用户选择多个记录进行统一操作的场景下，如删除、更新或审核等。以下是对标题和描述中所述知识点的详细说明： 1. **jQuery 选择器**： - `*` 选择器：匹配任何元素...
asp.net mvc +sql 2012批量删除
03-18
在ASP.NET MVC框架中，配合JavaScript和SQL Server 2012进行批量删除操作是一项常见的需求，尤其对于处理大量数据的Web应用来说。这个主题主要涵盖了三个方面：ASP.NET MVC的控制器与视图交互、JavaScript前端处理...
jquery批量上传图片插件
04-17
3. **Ajax上传**：借助jQuery的`$.ajax`或`$.ajaxForm`方法，可以将文件数据以异步方式发送到服务器。通常会使用FormData对象来封装文件数据，以便于通过Ajax发送。 4. **进度反馈**：批量上传过程中，用户可能需要...
花式ASP.NET MVC图像上传器
04-08
在本文中，我们将深入探讨如何构建一个“花式ASP.NET MVC图像上传器”，这是一个结合了jQuery，AJAX和MVC技术的高级图像上传解决方案。这个示例项目将展示如何为Web应用程序提供用户友好的图像上传功能，类似于...
ASP.NET MVC中的AJAX应用
01-02
一、ASP.NET MVC中的AJAX应用 首先,在ASP.NET MVC中使用自带的ajax功能,必须要导入2个js文件（顺序不能颠倒）: 　　　　　　　　　　　　　　　　　　　　 ASP.NET MVC提供了2个常用的ajax辅助方法. Ajax.ActionLink 该辅助方法用于在页面上生成具有ajax功能的超链接. 　　　　　　　　　　　　　　　　　　　　 在该辅助方法中有一个AjaxOptions类型的参数,它包括如下属性: Confirm:在发送ajax请求前,弹出确认对话框,该属性就是设置对话框中的提示消息HttpMethod:用于设置请求的类型:Get|PostUpdate
Asp.Net MVC之jQuery与AJAX操作实例
10-20
Asp.Net MVC之jQuery与AJAX操作实例
批量删除(jquery.net版)
11-08
这个“批量删除(jquery.net版)”的项目，显然是使用jQuery库结合.NET后端技术和AJAX异步通信来实现的。下面我们将深入探讨这些技术及其在实现批量删除中的应用。 首先，jQuery是一个广泛使用的JavaScript库，它简化...
mvc中checkbox的删除
03-25
在本场景中，我们将探讨如何在MVC3中使用Entity Framework进行批量删除，以及如何结合AJAX技术实现无刷新操作。 **一、MVC3与Entity Framework简介** MVC（Model-View-Controller）是一种设计模式，用于构建可维护...
Struts2批量删除
12-04
批量删除功能是Web应用程序中常见的需求，特别是在管理大量数据时，如用户管理、订单处理或者产品库存等场景。Struts2提供了一种灵活的方式来实现这样的功能，结合Ajax技术，可以实现异步无刷新的用户体验。 批量...
mvc使用原生ajax删除
niuyongaiai的博客
09-13 481
脚本         //创建一个XMLHttpRequest对象-------解决浏览器兼容问题         function createXMLHTTPRequest() {             var xmlHttpRequest;             if (window.XMLHttpRequest) {                 xmlHtt
得到输入内容的首字母
weixin_34138056的博客
04-19 8959
var PinYin = function() { var _PinYin = {"a":"\u554a\u963f\u9515","ai":"\u57c3\u6328\u54ce\u5509\u54c0\u7691\u764c\u853c\u77ee\u827e\u788d\u7231\u9698\u8bf6\u6371\u55f3\u55cc\u5ad2\u7477\u66a...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值