html+ajax实现批量删除

  前段时间要用html+ajax做一个ssm框架的项目,遇到批量删除的问题,找了很多方法,都出现json传值为[object,object]的问题,后来在腾讯课堂看到一个视频,就照着打了一遍,终于删除成功了,在此作个记录。

实现批量删除的步骤:

  1. 获取选中的复选框的id;
  2. 将由id组成的字符串/数组传给controller;(之前传字符串数组会出现获取的值为[object,object]的问题;
  3. 实现多条记录的删除。

首先,腾讯课堂视频的版本:

根据我自己的修改后:

/* 批量删除 */
 function datadel(){
	var ids = []; 
	// 获取选中的id
	$('input:checkbox:checked').parent().next().each(function(idx,element){
		ids.push($(element).text());
	});
	var obj = {"ids":ids};
    if (window.confirm("您确认要删除选中的内容吗?")){
        $.ajax({
            type: "POST",
            url: "http://localhost:8080/neusoft/batchDeleteCourse",
            data:$.param(obj,true), // 数组序列化
            dataType:"json",
            success: function(msg){
           	 if(msg.type=="success"){
       		  alert("删除成功!"); 
       		  window.location.reload(); // 请求成功后,刷新到当前页面
       	  }  
          },
          error: function(msg){
       	   if(msg.type=="error"){
        		  alert("删除失败!"); 
        	  }  
     }
       });
   return true;
    }else{
        alert("请选择您要删除的内容!");
        return false;
    }
}

猜你喜欢

转载自blog.csdn.net/username666/article/details/94653159
今日推荐