Запрос патча Laravel 5 через ajax

У меня есть список комментариев к сообщению, и я хочу, чтобы пользователь мог редактировать свое сообщение, если он этого хочет. В списке есть кнопка редактирования (если сообщение принадлежит пользователю, вошедшему в систему), и при щелчке делается ajax-запрос и возвращается представление. Это представление содержит форму для редактирования комментария и предварительно загружено с подробностями комментария. На данный момент все работает хорошо.

Теперь вот часть, где я сталкиваюсь с неясной проблемой. Когда я хочу отправить форму, используя запрос PATCH, происходит сбой с ошибкой 500. Структура выглядит следующим образом:

  • Пользователь посещает /posts/{id} В этом представлении перечислены все комментарии.

  • Когда пользователь нажимает кнопку редактирования
    /posts/{id}/comments/{comment_id}/edit называется, вид с
    форма возвращается

  • Когда пользователь отправляет эту форму
    Route::patch('/posts/{id}/comments/{comment_id}/edit', ['as' =>
    'posts.editComment', 'uses' => 'PostsController@update']
    является
    срабатывает. В том, что не получается.

С помощью инспектора сети в Chrome я могу нажать на ошибку. Там говорится, что есть несоответствие токена? Я не изменяю токены, просто использую форму по умолчанию. Код формы ниже:

{!! Form::model($comment, ['method' => 'PATCH', 'route' => ['posts.editComment', $comment->post_id, $comment->id], 'id' => 'editComment' . $comment->id]) !!}
<div class="comment-edit">
{!! Form::textarea('comment', null, ['class' => 'form-control', 'style' => 'height: 80px;']) !!}
</div>
<div class="comment-edit-buttons text-right">
{!! Form::button(trans('general.cancel'), ['class' => 'btn btn-default btn-sm cancelEditComment', 'data-postId' => $comment->post_id] ) !!}
{!! Form::button(trans('general.edit'), ['class' => 'btn btn-primary btn-sm  editComment', 'data-postId' => $comment->post_id, 'data-commentId' => $comment->id] ) !!}
</div>
{!! Form::close() !!}

Что переводит в браузер как:

<form method="POST" action="http://www.domain.com/posts/29/comments/12/edit" accept-charset="UTF-8" id="editComment12">
<input name="_method" type="hidden" value="PATCH">
<input name="_token" type="hidden" value="generated token value">
<div class="comment-edit">
<textarea class="form-control" style="height: 80px;" name="comment" cols="50" rows="10">nieuwe comment</textarea>
</div>
<div class="comment-edit-buttons text-right">
<button class="btn btn-default btn-sm cancelEditComment" data-postId="29" type="button">Annuleren</button>
<button class="btn btn-primary btn-sm  editComment" data-postId="29" data-commentId="12" type="button">Bewerken</button>
</div>
</form>

Я не совсем уверен, где искать? Есть ли специальный способ отправки запроса PATCH с использованием ajax?

1

Решение

Ваша проблема связана с шифрованием csfr_token, в вашем блейд-файле добавьте следующее:

$encrypter = app('Illuminate\Encryption\Encrypter');
$encrypted_token = $encrypter->encrypt(csrf_token());

затем добавьте следующее поле в форму:

<input id="token" type="hidden" value="{{$encrypted_token}}">

и, наконец, обязательно добавьте оригинальный токен csfr в ​​заголовки следующим образом:

<script>
.....
var $_token = $('#token').val();
....
$.ajax({
type: 'post',
cache: false,
headers: { 'X-XSRF-TOKEN' : $_token },
url: 'the_url_to_controller_thru_route/' + some_parameters_if_needed,
//contentType: "application/json; charset=utf-8",
//dataType: 'json',
data: {comment_id: 873}, //assuming that you send some data like id of a comment to controller
success: function(data) {
....
</script>

Бен, если ты заметил что-то не так, пожалуйста, отредактируй мой ответ, лучше, чтобы это было как можно точнее.

1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]