• 欢迎访问本网站,技术教程,资源分享,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入东蓬莱!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏东部蓬莱吧

Layer.js实现删除弹框操作

前端开发 XiaoWang 1年前 (2020-07-23) 899次浏览 0个评论 扫描二维码

前提:从layer官网下载layer.js引入页面中

实现代码:

  • 1.页面添加删除按钮
  • 2.js代码
function delete(id){
layer.confirm('确认要删除吗?',function(index){
                $.ajax({
                    type: 'post',
                    url: '/test/delete',
                    dataType: 'json',
                    data:{
                        id:id
                    },
                    success: function(data){
                        location.replace(location.href);
                        layer.msg('已删除!',{icon:1,time:1000});
                    },
                    error:function(data) {
                        if (data.responseText) {
                            var error = $.parseJSON(data.responseText);
                            alert(error.message);
                        }
                    }
                });
            });
}
  • 3.后台代码
@RequestMapping("test")
public class TestController(){
      @RequestMapping("delete")
      @ResponseBody
      public void delete(@RequestParam("id") String id){
     service.delete(id);
}
}
如果出现layer弹框弹出并操作完成后没有消失,可添加:
layer.closeAll('dialog')

东部蓬莱 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Layer.js实现删除弹框操作
喜欢 (1)
[支付宝]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址