Laravel5 AJAX刪除行不通

Question

我工作的一個項目，在那裏我應該與阿賈克斯從users表中刪除用戶。無論如何，我一直在尋求多種解決方案，但它根本無法工作。下面是我得到的錯誤：

Failed to load resource: the server responded with a status of 500 (Internal Server Error).

JS：

$('.btn-delete').click(function(){ 
    var id = $(this).val(); 
    $.ajax({ 
     type: 'DELETE', 
     url: '/laravel-exercise/public/index/'+id, 
     success: function (data) { 
      console.log('Success:', data); 
     }, 
     error: function (data) { 
      console.log('Error:', data); 
     } 
    }); 
}); 

查看：

<button class="btn btn-danger btn-delete" 
value="{{$user->id}}" data-token="{{ csrf_token() }}">Delete</button> 

路線：

Route::delete('index/{$id}', 'UsersController@destroy'); 

UsersController：

public function destroy($id) 
    { 
      $user = User::findOrFail($id); 
      $user->delete(); 

      return view('pages.index')->with([ 
       'flash_message' => 'The user has been deleted.', 
       'flash_message_important' => 'true', 
      ]); 
    } 

這是怎麼回事錯在這裏？

Answer 1

可能是由於CSRF保護。

嘗試在綁定按鈕單擊之前添加'X-CSRF-TOKEN'。

$.ajaxSetup({ 
    headers: { 
     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
    } 
}); 

$('.btn-delete').click(function(){ 
    var id = $(this).val(); 
    $.ajax({ 
     type: 'DELETE', 
     url: '/laravel-exercise/public/index/'+id, 
     success: function (data) { 
      console.log('Success:', data); 
     }, 
     error: function (data) { 
      console.log('Error:', data); 
     } 
    }); 
}); 

將CSRF令牌添加到您的請求中。

查看here的相關信息。

找到了路線，否則我會捕獲404例外。

編輯

看着你是怎樣使該按鈕時，你也可以使用一個post請求，但傳遞_method數據。

HTML：

<button class="btn btn-danger btn-delete" value="{{$user->id}}" 
    data-token="{{ csrf_token() }}">Delete</button> 

的Javascript：

$('.btn-delete').click(function(){ 
    var token = $(this).data('token'); 
    var id = $(this).val(); 

    $.ajax({ 
     url: '/laravel-exercise/public/index/'+id, 
     type: 'post', 
     data: {_method: 'delete', _token :token}, 
     success: function (data) { 
      console.log('Success:', data); 
     }, 
     error: function (data) { 
      console.log('Error:', data); 
     } 
    }); 
});