时间戳

首页 > 解决方案 > 我想删除数据而不使用 ajax 刷新整个页面

laravel - 我想删除数据而不使用 ajax 刷新整个页面

问题描述

我是 Laravel 的新手，我正在尝试使用 ajax 删除数据，当我单击删除按钮时，页面正在刷新，但数据正在完美删除，但不应重新加载。

控制器

public function destroy($id)
{
     $delete = Digitizing::where('id', $id)->delete();
     return back();
}

HTML 视图

<a  href="{{route('digitizing.delete',$digitizing->id)}}"   
            class="btn btn-danger" onclick="deleteConfirmation({{$digitizing->id}})">Delete</a>



<script type="text/javascript">
                    
     function deleteConfirmation(id) {
         Swal.fire({
              title: "Delete?",
              text: "Please ensure and then confirm!",
              type: "warning",
              showCancelButton: !0,
              confirmButtonText: "Yes, delete it!",
              cancelButtonText: "No, cancel!",
              reverseButtons: !0
              }).then(function (e) {

                  if (e.value === true) {
                       var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');

                       $.ajax({
                       type: 'POST',
                       url: "{{url('digitizing/delete')}}/" + id,
                       data: {_token: CSRF_TOKEN},
                       dataType: 'JSON',
                       success: function (results) {
                       if (results.success === true) {
                        swal("Done!", results.message, "success");
                       } else {
                         swal("Error!", results.message, "error");
                       }
                   }
              });
          } else {
              e.dismiss;
          }
      }, function (dismiss) {
           return false;
      })
   } 
</script>

标签： laravel

解决方案

**Delete wants a get method because you have to give only ID to delete.**
**WEB.PHP**
    Route::get('digitizing/delete/{id}','YourController@destroy');
    **SCRIPT**
        let id = $('#my_id').val();
        $.ajax({
            type: 'GET',
            url: "{{url('digitizing/delete')}}/" + id,
            data: {
                _token: '{{csrf_token()}}',
            },
            success: function () {
               alert('Successfully Deleted');
            }
    }).fail(function(){
      console.log('problem with route = digitizing/delete');
    });

推荐阅读