新建一个类
1 public class JsonResult { 2 private Boolean success = true; 3 private String msg; 4 5 public JsonResult() { 6 } 7 8 public JsonResult(Boolean success, String msg) { 9 this.success = success; 10 this.msg = msg; 11 } 12 ...get/set 13 }
Controller层执行后台删除命令
1 @RequestMapping("/delete") 2 @ResponseBody//需要返回JSON对象 3 public JsonResult query(Long id){ 4 try { 5 employeeService.delete(id);//操作数据库 执行删除 6 return new JsonResult();//删除成功 返回true 7 } catch (Exception e) { 8 e.printStackTrace(); 9 return new JsonResult(false,e.getMessage());//删除失败 返回错误原因 10 } 11 }
前台页面
1 $(function(){ 2 //抽取重复使用的选择器 3 var employeeData = $("#employeeDataGrid"); //数据显示 7 //只要有data-method属性的元素我都要为它注册事件 8 $("*[data-method]").on("click", function () { 9 //谁调用,this就指向谁(这个this是普通dom对象) 10 //$(dom对象) -> 变成jQuery对象,有很多jQuery特有的功能(更加强大) 11 //2.执行对应的方法(动态调用) 12 logo[$(this).data("method")](); 13 }); 14 //准备了相应的方法功能 15 logo = { 98 delete() {//删除数据 99 //getSelected:返回第一个被选中的行或如果没有选中的行则返回null。 101 var row = employeeData.datagrid("getSelected");//获取勾选的数据 102 if (row == null) {//row表示选中行 103 //第一种方式不建议使用alert("选择你要删除的数据") 1:阻塞进程 无法完成异步操作 2:不同浏览器显示的方式不一样 104 //第二种方式 用window获取信息 105 $.messager.alert('提示','请选择你要删除的数据', "info"); 106 return; 107 } 108 $.messager.confirm('删除','确认删除数据', function (r) { 109 if (r) { 110 $.get("/employee/delete", {id: row.id}, function (result) { 111 if (result.success) {112 employeeData.datagrid("reload");//删除后重新加载当前页 113 } else { 114 $.message.alert('失败','删除失败,原因是' + result.msg, "error"); 115 } 116 }) 117 } 118 }); 119 } 120 }; 121 })