Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/laravel/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ajax Sweetalert删除项目,即使我们单击";否";_Ajax_Laravel_Vue.js_Axios - Fatal编程技术网

Ajax Sweetalert删除项目,即使我们单击";否";

Ajax Sweetalert删除项目,即使我们单击";否";,ajax,laravel,vue.js,axios,Ajax,Laravel,Vue.js,Axios,我在Laravel中使用AJAX,并试图创建一个CRUD操作以供练习,在从数据库中实际删除字段之前,我使用sweetalert框显示一个注释。SWAL警报框显示“是否要删除”,如果用户单击“是”,则该字段应被删除,否则不会发生任何事情。在我的情况下,无论我单击什么,无论是“是”按钮还是“否”按钮,或者即使我在警报窗口之外单击,它都只是从数据库中删除了条目。下面是我的代码片段 PS:我正在使用AXIOS向服务器发送请求 deleteUser(id) { // Handles user de

我在Laravel中使用AJAX,并试图创建一个CRUD操作以供练习,在从数据库中实际删除字段之前,我使用sweetalert框显示一个注释。SWAL警报框显示“是否要删除”,如果用户单击“是”,则该字段应被删除,否则不会发生任何事情。在我的情况下,无论我单击什么,无论是“是”按钮还是“否”按钮,或者即使我在警报窗口之外单击,它都只是从数据库中删除了条目。下面是我的代码片段 PS:我正在使用AXIOS向服务器发送请求

deleteUser(id) {
    // Handles user deletion
       Swal.fire({
            title: 'Are you sure?',
            text: "You won't be able to revert this!",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
               this.form.delete('api/user/' + id)
                    .then(() => {
                        // Fire the manipulated user event
                        Fire.$emit('ManipulateUser');

                       // do something if request was successfull
                        if(result.value) {
                            Swal.fire(
                                'Deleted!',
                                'Your file has been deleted.',
                                'success'
                            )
                        } 
                   }).catch(() => {
                        // do something if request fails
                   });
                })
            }
您需要添加

Swal.fire({
.
.
.
})。然后((结果)=>{
if(result.value){//此处检查此项。此项包含删除按钮的值。取消按钮为null
...
}
})
您正在发送删除请求,但未对其进行任何检查。因此,在删除调用之前应用此检查