jquery通过ajax向后台发送（checkbox）数组，并在后台接收，（发送的数据是checkedbox）

使用jQuery与Ajax实现页面元素批量删除操作

原创于 2014-07-04 19:36:40 发布 · 5.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#jquery通过ajax发送数组 #checkbox数组ajax请求

jquery 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用jQuery和Ajax技术在网页上实现多个元素快速批量删除的方法，通过监听删除按钮事件，收集被选中元素的ID，并通过AJAX请求将这些ID传递给后台进行数据删除操作。

$(document).ready(function(){
		var flag = 1;
	    $("#delBtn").click(function(){
	    	var checked = [];
	    	flag = 0;
	        $('input:checkbox:checked').each(function() {
	            checked.push($(this).val());
	        });
	        
	        $.ajax({
	        	  type: 'POST',//提交方式 post 或者get
	        	  url: "/designclass/serial/delSeriInfo.do",//提交到那里 后他的服务
	        	  cache : false,
	        	  traditional :true,	//必须加上该句话来序列化
	        	  data: {'checked':checked},//提交的参数 
	        	  success:function(msg){
	        	            alert("成功了");//弹出窗口，这里的msg 参数 就是访问aaaa.action 后 后台给的参数 
	        	        },
	        	    error:function(){
	        	        ajax("提交失败的处理函数！");
	        	        }
	        	});
	        //alert(checked);
	        
		});
	});

在后台进行接收，我用的是springmvc

@RequestMapping("/delSeriInfo.do")
		public String delSeriInfo(@RequestParam("checked") String []id,HttpServletRequest req,ModelMap mm){
			//String []id = req.getParameterValues("checked");//或者也可以这样得到
			System.out.println(id[0]+"******"+id[1]);
			String  currentPage = req.getSession().getAttribute("currentPage").toString();
			getSeriInfos(currentPage, req, mm);
			return "index";
		}