Несоответствие токена CSRF Laravel AJAX удалить данные - PullRequest
Новая
       5

Несоответствие токена CSRF Laravel AJAX удалить данные

2 голосов
/ 29 сентября 2019

Я хочу удалить данные из базы данных с помощью вызова ajax, но он показывает ошибку.

Несоответствие токена CSRF

В заголовке: 

<meta name="csrf-token" content="{{ csrf_token() }}">

В лезвии: 

<button class="deletePhoto" data-id="{{ $photo->id }}" data-token="{{ csrf_token() }}">Delete</button>

Вызов AJAX: 

$('.deletePhoto').click(function () {

    var id = $(this).data('id');
    var el = this;

    $.ajaxSetup({
       headers:{
           'X_CSRF_TOKEN': $('meta[name="csrf-token"]').attr('content')
       }
    });
    $.ajax({
        url: '/photo/delete/'+id,
        type: 'DELETE',
        dataType: 'JSON',
        data:{
            'id': id,
        },
        success: function () {
            $(el).closest(".photo-details").remove();
            console.log('DELETED');
        },
        error: function (xhr) {
            console.log(xhr.responseText);
        }
    })
})

Контроллер: 

public function destroy($id)
{
    $photo = Photo::find($id);
    $photo->delete();

}

Ответы [ 3 ]

1 голос
/ 29 сентября 2019

Вот что я обычно делаю: [AJAX CALL] 

 $.ajax({
    url: '/photo/delete/'+id,
    type: 'DELETE',
    dataType: 'JSON',
    data:{
        'id': id,
        '_token': '{{ csrf_token() }}',
    },
    success: function () {
        el.closest(".photo-details").remove();
        console.log('DELETED');
    },
    error: function (xhr) {
        console.log(xhr.responseText);
    }
})

Надеюсь, мой ответ поможет !!

0 голосов
/ 29 сентября 2019

положить этот ответ JSON 

public function destroy($id)
{
    $photo = Photo::find($id);
    $photo->delete();
    return Response::json($photo );

}
0 голосов
/ 29 сентября 2019

пожалуйста, попробуйте этот токен вызова ajax csrf в delete ajax methd /. 

 $('.deletePhoto').click(function () {

        var id = $(this).data('id');
        var el = this;


        $.ajax({
            url : '{{ url("photo/delete/") }}/' + id,
            type: 'DELETE',
            headers: {
                     'X-CSRF-TOKEN': '{{ csrf_token() }}'
                 },
            dataType: 'JSON',
            data:{
                'id': id,
            },
            success: function () {
                $(el).closest(".photo-details").remove();
                console.log('DELETED');
            },
            error: function (xhr) {
                console.log(xhr.responseText);
            }
        })
    })
...