laravel ajax，如何成功发送具有 value='put' 的表单？

Question

我正在制作功能，如果使用 ajax 发送编辑表单，则验证并将响应发送到视图。但是，页面加载到新的 URL 上，例如 localhost:8000/comment/id。该页面显示我想要的消息。在视图未重新加载的情况下如何获得该响应？

HTML

<form class="modify-form" method="post" action="{{ route('comment.update', $mypage->id) }}">
    <input type="hidden" name="_token" value="{{ csrf_token() }}">
    <input type="hidden" name="_method" value="put">
    <p class="comment-message">{{ $mypage->message }}</p>
</form>

路线

Route::match(['put', 'patch'], 'comment/{id}', ['as'=>'comment.update', 'uses'=>'MyPageController@update']);

jQuery

var $writeForm = $('form.visitor');
$writeForm.find('.write').click(function(e){

    var url = $writeForm.attr('action');

    e.preventDefault();
    $.ajax({
        url: url,
        type: 'POST',
        data: $writeForm.serialize(),
        success: function(res){
            if (res.status) {
                location.reload();
            }
        },
        error: function(res){
                $writeForm.after('<div class="alert alert-danger" role="alert">'+res.responseJSON.errors+'</div>')
                //console.log(res.responseJSON.errors);
        }

    });

});

控制器

public function update($id) {

    $validator = validator::make($data = Input::all(), mypage::$edit);

    if($validator->passes()) {

        $mypage = mypage::findOrFail($id);

        $message = Request::input('message');
        $mypage->update(['message' => $message]);

        $mypage->save();

        $response = array();
        $response['status'] = true;

        return response()->json($response);

    }

    if ($validator->fails()) {

        $response = array();

        $response['status'] = false;
        $response['errors'] = $validator->errors()->all();

        return response()->json($response, 400);

    }

}

Answer 1

您可以为评论创建一个部分（小视图）。

然后，当您创建/更新评论时，Laravel 可以返回评论的视图，并使用 JQuery 将其附加到 HTML。

您可以为评论创建部分：（非常简单）

<p>{{$comment}}</p>

您可以像任何视图一样返回部分：

return view('partials.comment')->with('comment', $comment);

然后在 JS 中追加如下：

$("#comments-container").append(res);

Answer 2

试试这个

阿贾克斯：

type: $('input[name="_method"]').val(),
data: $writeForm.serialize(),
success: function(res){
    if (res.status == true) {
        // Reload the current page, without using the cache
        document.location.reload(true);
    }
},

控制器：

if ($validator->fails()) {
    return response()->json([
        'status' => false,
        'errors' => $validator->errors()->all()
    ], 400);

}

if($validator->passes()) {
    $mypage = mypage::findOrFail($id);

    $message = Request::input('message');
    $mypage->update(['message' => $message]);
    $mypage->save();

    return response()->json(['status' => true], 200);
}