Laravel 5.2 & AJAX - 重定向后显示成功消息

Question

我正在 L5.2 中创建一个 CRUD 系统，并正在使用 Bootstrap Modal 来显示表单。我使用BootForms 和Laravel Bootstrap Modal Form 来验证表单并在Modal 中显示错误消息而不关闭它。

基本上，我在同一页面上的模态中打开添加/编辑表单，表单验证在模态内部完成，一旦一切正常，数据将被插入数据库并关闭模态。之后页面刷新并显示更新的数据。

一切正常，除了成功的情况下，我无法在我的页面上显示成功消息。

以下是我的代码：

AJAX

$.ajax({
    type: "POST",
    url: url,
    data: data,
    dataType: 'json',
    cache: false,
    contentType: contentType,
    processData: false

// Response.
}).always(function(response, status) {

    // Reset errors.
    resetModalFormErrors();

    // Check for errors.
    if (response.status == 422) {
        var errors = $.parseJSON(response.responseText);

        // Iterate through errors object.
        $.each(errors, function(field, message) {
            console.error(field+': '+message);
            var formGroup = $('[name='+field+']', form).closest('.form-group');
            formGroup.addClass('has-error').append('<p class="help-block">'+message+'</p>');
        });

        // Reset submit.
        if (submit.is('button')) {
            submit.html(submitOriginal);
        } else if (submit.is('input')) {
            submit.val(submitOriginal);
        }

    // If successful, reload.
    } else {
        location.reload();
    }
});

控制器：

public function store(CustomerRequest $request)
{
    Customer::create($request->all());

    return redirect('customers')
        ->with('message', 'New customer added successfully.')
        ->with('message-type', 'success');
}

查看：（显示成功消息）

@if(Session::has('message'))
    <div class="alert alert-{{ Session::get('message-type') }} alert-dismissable">
        <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
        <i class="glyphicon glyphicon-{{ Session::get('message-type') == 'success' ? 'ok' : 'remove'}}"></i> {{ Session::get('message') }}
    </div>
@endif

您可以看到，如果 AJAX 只是重新加载页面成功，我希望它重定向到 Controller 函数中指定的页面并显示该成功消息。

Answer 1

您正在从响应中返回 HTTP 重定向，该重定向不适用于 AJAX 请求。诸如浏览器之类的客户端将能够拦截并使用标头信息，然后重新加载页面。

相反，对于您的特定问题，请考虑：

https://laravel.com/docs/5.2/session#flash-data

public function store(CustomerRequest $request)
{
    Customer::create($request->all());

    $request->session()->flash('message', 'New customer added successfully.');
    $request->session()->flash('message-type', 'success');

    return response()->json(['status'=>'Hooray']);
}

现在，您的 AJAX 收到的 HTTP/200 OK 响应将执行 location.reload，并且刷新的会话数据将可用于视图。