1

Столкнулся с проблемой отправки данных. Использую Ajax

jQuery(document).ready(function($) {
    $('#form').on('click', '#button', function(e) {
        e.preventDefault(); 
        var comParent = $ (this);
        $ ('.wrap_result').css('color', 'white').text('Коментарий сохранен').fadeIn(500, function() {
            var data = $ ('#form').serializeArray();
            $.ajax({
                url:$ ('#form').attr('action'),
                data:data,
                type:'POST',
                datatype:'JSON',
                success: function() {

                },
                error: function() {

                }

            })
        })
    })
});

Шаблон формы

<form class="comment-area" method="POST" action="{{route('store')}}" id="form">
                            {{csrf_field()}}
                            <input type="hidden" id="comment_post_id" name="comment_post_id" value="{{$article->id}}">
                            @if (!Auth::check())
                            <div class="form-group">
                                <input type="text" class="form-control" name="name" placeholder="Your Name">
                            </div>
                            <div class="form-group">
                                <input type="email" class="form-control" name="email" placeholder="Your email address">
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control" name="url" placeholder="Your URL">
                            </div>
                            @endif
                            <div class="form-group">
                                <textarea class="form-control" name="comment" placeholder="Your Message"></textarea>
                            </div>
                            <div class="text-right">
                                <button class="full-btn" id="button">Добавить комментарий </button>
                            </div>
                            </form>

Код контроллера

<?php

namespace App\Http\Controllers;


    use Illuminate\Http\Request;
    use App\menu;
    class CommentController extends SiteController
    {
        public function store(Request $request)
        {
            dd($request);
        }
    }

Объявление роута:

Route::post('comment', 'CommentController@store')->name('store');

После нажатия кнопки в консоли ловлю следующую ошибку

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

Вот что я вижу переходя по самой ссылке: Переход по ссылке

У кого какие соображения?

2

2 ответа 2

0

Во-первых, при переходе по указанному в браузере ты получаешь правильную ошибку - неправильный метод, т.к. маршрут у тебя POST, а ты своим переходом осуществляешь GET запрос.

Во-вторых, при использовании хелпера dd всегда возвращается html (не json) ответ с кодом 500. Соответственно большинство http клиентов, в т.ч. jquery.ajax выкидывают ошибку, если статус ответа больше 400. Если хочешь увидеть, что прилетело на сервер - используй либо dump-server (просто в консоли php artisan dump-server) совместно с dump() вместо dd(), второй вариант - используй пакет laravel-debugbar + хелпер debug() вместо dd()

Есть разные варианты дебага, один из них указанный выше dump-server, если интересует, что летит на сервер с клиента - консоль браузера на вкладке "сеть", если надо продебажить в том числе sql запросы к БД в контексте текущего HTTP зпроса - тут очень удобен https://github.com/barryvdh/laravel-debugbar - там и ошибки, и сообщения, и емейлы, и память запроса - вобщем очень много полезной информации о каждом запросе, в т.ч. и о ajax запросах

7
  • Спасибо, завтра тоже посмотрю и отпишусь 15 мар 2019 в 21:36
  • Вы были правы, ошибка пропала, но я не могу понять как все таки мне посмотреть что пришло на сервер... 16 мар 2019 в 11:50
  • Я не могу php artisan dump-server, команда не найдена 16 мар 2019 в 11:55
  • Этот пакет по умолчанию входит в laravel 5.7 из коробки, но нет ничего сложно в его установке: composer require --dev beyondcode/laravel-dump-server github.com/beyondcode/laravel-dump-server
    – MaxKut
    16 мар 2019 в 23:20
  • Все равно не выходит.... Что то с установкой не так prntscr.com/mzcxnd 18 мар 2019 в 8:25
0

$('#form').on('click', '#button', function(e) { на $('#form').on('submit', function(e) { замените

Или на

$('#button').on('click', function(e)
1
  • Спасибо, завтра попробую и отпишусь 15 мар 2019 в 21:35

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.