Laravel5 Аякса удалять не будет работать

Question

Я работаю над проектом, где я должен удалить пользователей из users таблицы с AJAX. Я искал несколько решений, но просто так не работал. Вот ошибка я получаю:

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); 
     } 
    }); 
});