在spring mvc中利用ajax批量删除数据

本文介绍了一个前后端交互的批量删除功能实现方式。前端通过Ajax发送POST请求触发删除操作,并接收后台返回的JSON数据来更新页面状态。后台使用Spring MVC框架处理请求并返回处理结果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.前台代码:

$("#batchdelete").click(function(){

$.ajax({
type: "post",
url: url,
data: "",
dataType: "json",
success: function(msg){
var records = msg['records'];
if (msg['flag'] == "success") {
showDialog("成功删除" + records + "条记录!", function(){
var url = "${base}/apppublish/queryChannelInfo.htm?channeltype=" + $("#channeltype").val() + "&pageNumber=" + ${pageNumber} + "&appid=" + ${appid} + "&channelname=" + $("#channelname").val() + "&channelcode=" + $("#channelcode").val();
window.location.href = url;
});
}
else {
showDialog("删除失败!");
}
},
error: function(){
alert("error");
}
});

}

2.后台代码:

@RequestMapping(value = "/batchdeleteChannelInfo.htm")
public @ResponseBody Map<String, Object> batchdeleteChannelInfo(HttpServletRequest request, HttpServletResponse response,
@RequestParam("ids") String ids, @RequestParam("channeltype") int channelType){

Map<String, Object> result = new HashMap<String, Object>();

result.put("flag", flag);
result.put("records", Integer.valueOf(records));
return result;

}

@RequestParam:绑定请求参数到方法参数.required默认是true.

@ResponseBody:与@RequestBody类似.这个注解放在一个方法上,表明返回类型应该直接写入到HTTP响应体(而不是放入Model或解析为视图名字),return返回的数据就会直接传到前台,在ajax的success函数里的参数就可以接到,这样写替代了在方法上添加HttpServletResponse response这样的写法,而且也省略了

try {
   response.setContentType(type + ";charset=UTF-8");
   response.setHeader("Pragma", "No-cache");
   response.setHeader("Cache-Control", "no-cache");
   response.setDateHeader("Expires", 0);
   response.getWriter().write(content);
   response.getWriter().flush();
  } catch (IOException e) {
   log.error("IOException:", e);
  }
  return null;这样的写法,所以方便多了。

@ModelAttribute有两种使用场景.
1.放在方法的参数.@ModelAttribute映射一个model属性到具体的方法参数.这就是controller如何获得一个引用到这个对象来hold住表单输入的数据.此参数可以声明为表单返回对象的具体类型而不是java.lang.Object泛型,从而增强类型安全.
2.放在方法级别上.提供为model引用数据.这种用法签名能包含@RequestMapping标注的同样的类型.
@ModelAttribute标注的方法能在@RequestMapping标注的方法之前执行.这样有效在预放具有特定属性的隐式Model,往往从数据库加载.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值