Question

我正在尝试将Redirect::route()用于我的基于SPA ajax的应用，但由于某种原因它无法正常工作，我的意思是，页面的位置不会改变到它的位置应该被重定向。我试图在用户登录和注销时使用它。

路线：

Route::get('/', ['as' => 'root','uses' => 'HomeController@index']);

Route::group(['before' => 'ajax'], function() {
    Route::get('/login', ['as' => 'login', 'uses' => 'UserController@login'])->before('guest');
    Route::post('/login', ['as' => 'signin', 'uses' => 'UserController@signin']);
    Route::get('/logout', ['as' => 'logout', 'uses' => 'UserController@logout'])->before('auth');
});

控制器的方法：

public function signin() {
    $user = [
        'email' => Input::get('email'),
        'password' => Input::get('password')
    ];

    if (Auth::attempt($user)) {
        //return Redirect::route('root')->with('flash_notice', 'You are successfully logged in!'); // not redirecting
        // I have to use a json response instead and refresh from the js function, but I am losing the notice
        return Response::json([
            'status' => true,
            'notice' => 'You are successfully logged in!'
        ]);
    }

    return Response::json([
        'status' => false,
        'error' => 'Your email or password combination was incorrect.'
    ]);
}
public function logout() {
    Auth::logout();

    return Redirect::route('root')->with('flash_notice', 'You are successfully logged out.'); // not redirecting
}

正如我评论的那样，我无法使用Redirect::route()。相反，在响应成功的ajax请求时，我被迫在我的js函数中使用window.location.replace()：

/* Login */
$(document).on('click', '#login-submit', function(event) {
    event.preventDefault();
    $.post('/login', $('#login-form').serialize(), function(data) {
        if (data['status'] == true) {
            window.location.replace('/home/main');
        } else {
            $('#error').removeClass('hidden');
            $('#error').html(data['error']);
        }
    });
});

这样做不仅对我不利，而且我也失去了通知信息;它们只是暂时出现，然后在页面加载后消失。

为什么会这样？如何让Redirect :: route（）`工作？或者至少，当通知只是瞬间显示并消失时，我怎样才能避免这种丑陋的效果？并设法显示通知？

Answer 1

问题是您可以不根据来自ajax请求的标头重定向用户。如果您希望在ajax请求中由服务器执行验证，那么您的方法是完全正确的。要在成功登录后保留通知，您可以执行

设置超时

您的用户将有足够的时间阅读通知。

setTimeout(function() {
    window.location.replace('/home/main');
}, 500);

在通知旁边添加继续按钮

他们将有足够的时间，但它可能不是最好的用户体验设计。

$('#results').html('<div class="alert alert-info">You have been successfully logged in. Click here to continue');

$('#results').click(function() {
    window.location.replace('/home/main');
});

重定向用户并通过GET请求发送通知

将按摩作为获取参数附加，并在脚本启动时检查它。

window.location.replace('/home/main?message="You have been successfully logged in"');

然后

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++) 
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam) 
        {
            return sParameterName[1];
        }
    }
}

var message = GetURLParameter('message');

if(message) {
   $('#results').html('<div class="alert alert-info">' + message + '</div>');
}

Laravel Redirect ::路由无效

1 个答案:

设置超时

在通知旁边添加继续按钮

重定向用户并通过GET请求发送通知