Layer.js实现删除弹框操作

文章目录[隐藏]

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

前提：从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弹框弹出并操作完成后没有消失，可添加：