验证登录时的Laravel超时

Question

Laravel 5.3 - 我的目标是通过ajax将登录表单发送到登录控制器(AuthenticatesUsers trait),并获得响应(json可以),所以我可以在重定向到"dashboard"部分(已验证)之前设置超时.我需要一些前端的超时.那可以吗？如果可以,暗示就足够了.提前致谢.

Javascript示例:

$("#login-form").submit(function (e) {

var url = "/login"; // the script where you handle the form input.

$.ajax({
    type: "POST",
    cache : false,
    url: url,
    data: $("#login-form").serialize(), // serializes the form's elements.
    success: function () 
    {       //Do the timeout part, then redirect
            topbar.addClass('success');
            form.addClass('goAway');
            article.addClass('active');
            tries = 0;

    },
    error: function () {
        location.reload(); 
        input.addClass('disabled');
        topbar.addClass('error');
    }

});});

登录表单是通过邮件发送的,我想自己做一个重定向,而不是通过控制器,我主要担心的是javascript重定向上的csrf令牌会改变.

编辑:我发现的另一件事是在ajax设置中包含令牌:

$.ajaxSetup({
    headers: {'X-CSRF-TOKEN': _token}
});

并阻止表单默认操作:

$("#login-form").submit(function (e) {
        e.preventDefault();

这是我的登录表单(所有js和css都包含在父视图中):

@extends('layouts.app')

@section('content')

<form class="form form-horizontal" id="login-form" role="form" method="POST" action="{{ url('/login') }}">
    {{ csrf_field() }}
    <div class="forceColor"></div>
    <div id="logosm_wrapper">
        <img id="logosm_login" src="img/ipism_100x50.png" alt="logo" >
    </div>
    <div class="forceColor"></div>
    @if (count($errors))
    <div class="topbar error">
    @else
    <div class="topbar">
    @endif
        <div class="spanColor"></div>
        <input id="email" type="email" class="input form-control" name="email"  placeholder="E-mail" value="{{ old('email') }}">
    </div>
    @if (count($errors))
    <div class="topbar error">
    @else
        <div class="topbar">
    @endif
        <div class="spanColor"></div>
        <input id="password" type="password" class="input form-control" name="password" placeholder="Password"/>
    </div>
    <button class="submit" id="submit">Login</button>
    <!--input class="submit" id="submit" type="submit"  value="Login"-->
</form>
@endsection

这是按照Laravel Auth的预期工作的,我的目的是通过JS将授权输入字段绿化,然后将用户重定向到仪表板......

Answer 1

我建议你在ajax中添加这个：

$.ajax({
  ....    
  async     : false,
 ....