layer的删除询问框的使用

删除是个很需要谨慎的操作 我们需要进行确认

对了删除一般使用ajax操作 因为如果同url请求 处理 再返回 会有空白页

1.js自带的样式

<button type="button" data-toggle="tooltip" title="删除" class="btn btn-danger pull-right btn-xs"
                            onclick="confirm('确认删除？') ? $('#form-index').submit() : false;">
                        删除
                    </button>

 

2.layer的询问框

<a href="/task/delete?id={{$v->id}}" data-toggle="tooltip" title="删除" class="btn btn-danger btn-xs" id="delete">删除</a>
$('#delete').click(function () {
                var href = {}
                layer.confirm('确定要删除任务么？', {
                    btn: ['确定','取消'] //按钮
                }, function(){
                    $(this).attr('href', "/task/delete?id={{$v->id}}")
                });
            })

<button data-toggle="tooltip" title="删除" class="btn btn-danger btn-xs" οnclick="del({{$v->id}}) ">删除</button>
                                {{--<a href="/task/delete?id={{$v->id}}" data-toggle="tooltip" title="删除" class="btn btn-danger btn-xs" οnclick="confirm('确认删除？') ? true : false;">删除</a>--}}

function ajaxDelete($id, index) {
            $.ajax({
                type : 'get',
                url : '/task/delete?id='+$id,
                dateType : 'json',
                success : function (data) {
                    if (data.status == 1) {
                        layer.close(index);
                        layer.msg('删除任务成功', {icon: 1, zIndex: 66,});
                        window.location.reload()
                    }
                }
            })
        }


        function del($id) {
            layer.confirm('确定要删除任务么？', {
                btn: ['确定','取消'], //按钮
            }, function(){
                var index = layer.load(0, {shade: false});
                ajaxDelete($id, index);
            });

        }

 

转载于:https://www.cnblogs.com/djwhome/p/9082710.html