Избегайте перезагрузки страницы при отправке формы с помощью ajax с laravel

Я полностью застрял, пытаясь обработать форму submit, используя ajax вместо laravel, чтобы избежать перезагрузки страницы и т. Д. Но это не работает, и я не знаю почему. Я искал замечательный веб-сайт, который проходит через пример, но ничего не работает для меня. Это самое близкое, что я могу получить. Мои знания ограничены, но мои амбиции высоки. Пожалуйста, уделите мне минутку и просмотрите мой код, так что я сейчас на грани психического расстройства.

Вот мой jquery:

• Laravel 4 Ошибка при миграции 1072
• Laravel: путь к папке хранения
• Как подсчитать красноречие отношения без проблемы N + 1 и загрузить всю модель?
• laravel избегает всех HTML в шаблоне клинка
• Группа Concat, использующая запрос «Красноречивый / сырой ларавел»

$(document).ready(function() { $('#ajax').submit(function(event){ $.ajax({ type: 'POST', url: 'comments', data: $('form#ajax').serialize(), dataType: 'json', }) .done(function(data) { console.log(data); }); event.preventDefault(); }); }); 

И вот моя форма в виде лезвия:

 {{ Form::open(array('url'=>'comments', 'id' => 'ajax')) }} {{ Form::hidden('parent_id', null) }} {{ Form::hidden('author', Auth::user()->username) }} {{ Form::textarea('content', null, array('placeholder' => 'Enter your comment here:', 'onfocus' => 'this.placeholder=""')) }}<br/> {{ Form::submit('Comment', array('class'=>'submit')) }} {{ Form::close() }} 

И вот мой контроллер:

 public function createComment() { //fixa här så man inte kan kommentera tom kommentar $validate = array('content' => 'required'); $validator = Validator::make(Input::all(), $validate); if($validator->fails()) { return Redirect::to('comments')->withErrors($validator)->withInput(Input::all()); } else { $comment = new Comment(); $comment->parent_id = Input::get('parent_id'); $comment->author = Input::get('author'); $comment->content = Input::get('content'); $comment->save(); } } public function postComment() { if(Request::ajax()) { $this->createComment(); return Response::json(Input::all()); } } public function getCommentsAndForm() { $comments = Comment::orderBy('id')->get(); return View::make('comment')->with('comments', $comments); } 

И вот мои маршруты:

• Laravel 4 Auth :: попытка использовать либо электронную почту, либо имя пользователя и пароль
• Laravel Eloquent: доступ к свойствам и имена динамических таблиц
• Laravel и просмотр кэширования в процессе разработки - не могут сразу увидеть изменения
• Laravel Mail :: отправить, как передавать данные на почту Посмотреть
• Laravel 4 - Попытка получить свойство не объекта

 Route::get('comments', array('uses' => 'CommentController@getCommentsAndForm')); Route::post('comments', array('uses' => 'CommentController@postComment')); 

Когда я отправляю форму, она исчезает и ничего не отображается. Если я удалю if(Request::ajax()) комментарии будут опубликованы, но форма все равно исчезнет, ​​а вместо пустой страницы я получаю комментарий в JSON. И когда я перезагружаю страницу, комментарии показывают, как я хочу. В чем проблема? Что я делаю не так? Я хочу, чтобы опубликованный комментарий отображался выше моей формы без перезагрузки страницы, есть ли решение?

Related of "Избегайте перезагрузки страницы при отправке формы с помощью ajax с laravel"

 $(document).ready(function() { $('#ajax').submit(function(event){ event.preventDefault(); $.ajax({ type: 'POST', url: 'comments', data: $('form#ajax').serialize(), dataType: 'json', }) .done(function(data) { console.log(data); }); //just to be sure its not submiting form return false; }); });