Question

Laravel 5.3 - 我的目标是通过ajax将登录表单发送到登录控制器（AuthenticatesUsers trait），并获得响应（json可以），所以我可以在重定向到＆＃34; dashboard＆＃34之前设置超时;部分（经过身份验证）。我需要一些前端的超时。那可以吗？如果可以，暗示就足够了。提前谢谢。

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,
 ....

授权登录时的Laravel超时

1 个答案: