Ajax请求——删除复选框选中内容

定义checkbox的value

多选操作，数据为一个ids的数组

为按钮绑定一个onclick事件

定义一个数组，获取复选框中的内容

var ids =[];//定义一个数组
$('input[name="ids"]:checked').each(function(){//遍历每一个名字为ids的复选框，其中选中的执行函数
	ids.push($(this).val());//将选中的值添加到数组ids中
});
var data = {"ids":ids};//将值放进data对象中

发送Ajax请求

$.ajax({
		url:"/product/deletePro", //请求路径
		type:"post", //请求方式
		contentType: "application/json;charset=UTF-8", //发送请求数据类型
		data:JSON.stringify(data), //JSON.stringify(data)：将数据转化成json
		dataType:"json", //预期返回数据类型
		success:function (resultMsg) {
			alert(resultMsg.msg)
		}
});

参考：常见的Ajax写法汇总

服务器接收数据，将请求数据 ids[ ] 封装在一个类中（方便转换成json串）:

接收数据，返回结果信息（ ResultMsg ）：

动态SQL：

  <delete id="deletePro" parameterType="productvo">
    delete from product
    <where>
      <if test="#{ids !=null}">
        <!-- id in (2,3) -->
        <foreach collection="ids" open="id in(" close=")" separator="," item="id">
          #{id}
        </foreach>
      </if>
    </where>
  </delete>

完整的onclick（）事件

//删除商品
function deletePro(){

			var ids =[];//定义一个数组
			$('input[name="ids"]:checked').each(function(){//遍历每一个名字为ids的复选框，其中选中的执行函数
				ids.push($(this).val());//将选中的值添加到数组ids中
			});

			//没有选择
			if(ids.length == 0){
				alert("至少选中一个商品")；
				return;
			}

			var data = {"ids":ids};

			$.ajax({
					url:"/product/deletePro", //请求路径
					type:"post", //请求方式
					contentType: "application/json;charset=UTF-8", //发送请求数据类型
					data:JSON.stringify(data), //JSON.stringify(data)：将数据转化成json
					dataType:"json", //预期返回数据类型
					success:function (resultMsg) {
						alert(resultMsg.msg)
					}
			});
}