Question

我想在我的网站上添加一个评论系统，使用AJAX和Laravel加载新评论而不刷新整个页面。

我总是有这个错误：

Ajax Post 500（内部服务器错误）

下面是我的代码：

view page :
{!! Form::open(array('action' => array('PersonsController@newComment', $person->id))) !!}          
<div class="form-group">
{!! Form::label('name', 'Nom ') !!}
{!! Form::text('name', null, ['class' =>'form-control', 'style'=>'border-radius: 0']) !!}
</div>  

<div class="form-group">
{!! Form::label('mail', 'E-mail ') !!}
{!! Form::text('mail', null, ['class' =>'form-control', 'style'=>'border-radius: 0']) !!}
</div>  

<div class="form-group">
{!! Form::label('comment', 'Contenu ') !!}
{!! Form::textarea('comment', null, ['class' =>'form-control', 'style'=>'border-radius: 0']) !!}
</div>  

<div class="form-group">
{!! Form::submit('Publier', array('class'=>'send-btn')) !!}               
</div>  
{!! Form::close() !!}

route page :

Route::get('{id}/apropos','PersonsController@show');
Route::post('{id}/apropos','PersonsController@newComment');

控制器页面：

public function newComment($id) {
    if ($request::ajax()) {
        $name = Input::get('name');
        $mail = Input::get('mail');
        $comment = Input::get('comment');
        $Comments = new \App\Comment;

        $Comments->Persons_id = $id;
        $Comments->date = \Carbon\Carbon::now();
        $Comments->name=$name;
        $Comments->mail=$mail;
        $Comments->comment=$comment;
        $Comments->save();

        $reponse =array(
            'status' => 'success',
            'msg' => 'Setting created successfully',
        );

        return \Response::json($response);
    } else {
        return 'no';
    }
}

Ajax页面：

$.ajaxSetup({  
   headers: {  
           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')  
    } 
});      

$(document).ready(function() {
    $('.send-btn').click(function (e) {
        e.preventDefault();
        var name = $('#name').val();
        var mail = $('#mail').val();
        var comment = $('#comment').val();
        $.ajax({
            type: "POST",
            url: '{{url("1/apropos")}}',
            dataType: 'JSON',
            data: {name: name, mail: mail, comment: comment},
            success: function( data ) {
            $("body").append("<div>"+data+"</div>");                
            }
        });
    });
 });

Answer 1

我认为您的ajax页面与视图位于同一页面中（因为您使用的是.send-btn）。

使用$ .post（）更容易，因为您不需要配置这么多参数。 https://api.jquery.com/jquery.post/

您是否有关于错误的更多信息：Ajax Post 500（内部服务器错误）。你有什么消息吗？在$ .ajax上使用错误函数：

如果请求失败，则调用
错误回调选项。它接收 jqXHR，一个表示错误类型的字符串，以及一个异常对象如果适用的话一些内置错误将提供一个字符串作为异常对象：“abort”，“timeout”，“No Transport”。

所以你可以在你的AJAX请求中添加如下内容：

error: function (xhr, textStatus, thrownError) {
    console.log(xhr.status);
    console.log(xhr.statusText);
    console.log(textStatus);
    console.log(thrownError);
  }

评论系统使用带有laravel的ajax而不重新加载页面

1 个答案: