html+ajax实现批量删除

最新推荐文章于 2024-07-16 08:30:00 发布

梦里逆天

最新推荐文章于 2024-07-16 08:30:00 发布

阅读量1.9k

点赞数 2

分类专栏： ajax 学习笔记文章标签： ajax html ssm

本文链接：https://blog.csdn.net/username666/article/details/94653159

版权

本文记录了一次使用HTML和Ajax在SSM框架下实现批量删除功能的过程。在实现过程中遇到了JSON传值问题，即值显示为[object,object]。通过参考腾讯课堂的视频并进行相应修改，最终成功解决了问题，实现了多条记录的删除功能。" 7513400,960204,自然地形分形建模：深度数据的分析与重构,"['分形理论', '地形分析', '数据重构', '计算机图形学', '数学建模']

摘要由CSDN通过智能技术生成

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

实现批量删除的步骤：

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

首先，腾讯课堂视频的版本：

根据我自己的修改后：

/* 批量删除 */
 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: &