Как удалить элемент без формы с Ajax в Laravel 6

Question

Я хотел бы удалить элемент без использования формы, используя Ajax в Laravel 6. В моем маршруте у меня есть

Route::group(['middleware' => 'auth'], function() { 
    Route::get('/dashboard/desfazer-importe', 'DeleteImportController@index')->middleware('auth');
    Route::delete('/dashboard/desfazer-importe/{id}', 'DeleteImportController@destroy')->middleware('auth');
});

Мой вид у меня есть

div class="modal-body">    
     <h5>Deseja realmente desfazer esta importação?</h5>
     <input type="hidden" value="<?php $portal_id ?>" id="portal_id">  
</div>

<div class="modal-footer">
       <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
       <button type="button" class="btn btn-primary" id="delete" data-token="">Desfazer</button>
</div>  

I получаю идентификатор путем ввода скрытого

и в Ajax У меня есть следующий код

function deleteImport()
{
   $('#delete').click(function() {
   let porta_id = $('#portal_id').val() 
   $(this).prop("disabled",true);

   $.ajax({
        type: 'DELETE',
        url: '/dashboard/desfazer-importe',       
        data: {
            "id": porta_id,  
        }, 
        success: function(response) {
            console.log(response)
        },
        error: function(error) {
            console.log(error)
        }
      })
   })
 }

его возможно удалить элемент без использования действия формы? Я получаю это сообщение при отправке

message: "CSRF token mismatch."

Answer 1

Вы должны добавить токен csrf в свой запрос: https://laravel.com/docs/7.x/csrf#csrf -x-csrf-token

И, похоже, у вас есть другая проблема. Вы должны добавить свой идентификатор элемента в URL. /dashboard/desfazer-importe/{id}