EasyUI前台执行删除功能后台返回给前台信息 删除成功/删除失败+错误信息

新建一个类

 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 })

原文地址:https://www.cnblogs.com/logoman/p/11693093.html

时间: 2024-11-09 09:50:48

EasyUI前台执行删除功能后台返回给前台信息 删除成功/删除失败+错误信息的相关文章

后台返回JSON前台获取循环解析

利用JQuery的$.ajax()可以很方便的调用 asp.net的后台方法.但往往从后台返回的json字符串不能够正确解析,究其原因,是因为没有对返回的json数据做进一步的加工.其实,这里只需 要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次即可,这种方式也适合以普通javascipt方式获取json对象,以 下举例说明: $.ajax({        type: "POST",        url: "json_post.aspx/get

前台ajax请求php后台返回成功却进error方法解决

最近几天一直都在解决error问题,周末都没能好好过,悲痛万分,想逃走??..... 一.悲痛的开端 项目用jQuery的ajax方法请求php后台,前台代码写的没有问题,后台返回的json数据大概也是对的(猜的,后来验证了json是对的),然后悲剧就如约而至: 先看核心代码: $.ajax({ type:"POST", url:"{:U('City/adds')}", data:{}, dataType: 'json', success:function(data

IOS UITableView删除功能

UITbableView作为列表展示信息,除了展示的功能,有时还会用到删除,比如购物车等.删除功能可以直接使用系统自带的删除功能,当横向轻扫cell时,右侧出现红色的删除按钮,点击删除当前cell. 使用系统自带删除功能的步骤: 1.让tableView进入编辑状态,也就是设置它的editing为YES 2.返回编辑模式,也就是实现UITableViewDelegate中的tableview:editingStyleForRowAtIndexPath:方法,在里面返回删除模式.如果不实现,默认返

IOS UITableView多选删除功能

UITbableView作为列表展示信息,除了展示的功能,有时还会用到删除,比如购物车.收藏列表等. 单行删除功能可以直接使用系统自带的删除功能,当横向轻扫cell时,右侧出现红色的删除按钮,点击删除当前cell.或者让表格进入编辑状态后,点击左侧的红色按钮,右侧出现删除按钮,删除,如下图所示.单行自带删除已经在前面文章中进行过讲解,需要的可以去查阅. 多选删除是点击编辑按钮,让表格进入编辑状态后,每行的左侧出现一个小圆圈,当点击行的时候,可以选中该行或者取消选中该行,当点击按钮确定删除的时候才

织梦(dedecms)后台删除文章后台还有分页显示解决方法

鸡哥今天在给单位改一个织梦网站的时候发现了一个问题,由于本来的程序有7000多篇文章,鸡哥就直接执行了个sql语句给删除了,但是发现删除之后后台文章的分页还在显示着,错误截图给大家看看 看到没,经过鸡哥百度搜索发现这其实并不是鸡哥的操作问题,而是这本就是织梦5.7的一个bug,下边就给大家写下修复方法很简单: 先找到你的根目录中/dede/content_list.php这个文件打开找到 这段代码,可以直接搜索缓存处理就能找到 把红框中的代码修改为: $arr = $dsql->GetOne(&qu

配置错误:未能使用提供程序“RsaProtectedConfigurationProvider”进行解密。提供程序返回错误信息为: 打不开 RSA 密钥容器。

http://www.cnblogs.com/jiaruistone/articles/1441634.html 我们如果想对web.config的数据库连接字符串进行加密的话,那么这里提供了两个方法. 方法一.     使用“DataProtectionConfigurationProvider”形式加密,创建test.aspx文件,代码如下: 需要添加引用 using System.Web.Configuration; using System.IO; //加密 protected void

使用EasyUI实现添加和删除功能

        增删该查是任何一个项目都少不了的功能操作,这篇博文主要简介一下如何使用EasyUI实现添加和删除功能.         首先,导入EasyUI的js代码: <link href="~/EasyuiSource/themes/default/easyui.css" rel="stylesheet" /> <link href="~/EasyuiSource/themes/icon.css" rel="st

使用EasyUI实现加入和删除功能

增删该查是不论什么一个项目都少不了的功能操作.这篇博文主要简单介绍一下怎样使用EasyUI实现加入和删除功能. 首先.导入EasyUI的js代码: <link href="~/EasyuiSource/themes/default/easyui.css" rel="stylesheet" /> <link href="~/EasyuiSource/themes/icon.css" rel="stylesheet&quo

实例:SSH结合Easyui实现Datagrid的批量删除功能

在我先前的基础上面添加批量删除功能.实现的效果如下 删除成功 通常情况下删除不应该真正删除,而是应该有一个标志flag,但flag=true表示状态可见,但flag=false表示状态不可见,为删除状态.便于日后数据库的维护和信息的查询.因此表结构添加一个flag字段 没有改变的代码这里就不写了,发生改变的代码贴出来 1.因为表结构发生变化.所以对应的Student.java和Student.hbm.xml发生改变 [java] view plaincopy package com.model;