Laravel 5.1 Ajax无法正常工作？

Question

我正在尝试在laravel中使用Ajax提交登录表单，但似乎是Ajax部分无法正常工作。 下面是我的login.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 

</head>
<body>


<div class="secure">Secure Login form</div>
{!! Form::open(array('url'=>'account/login','method'=>'POST', 'id'=>'myform')) !!}
<div class="control-group">
  <div class="controls">
     {!! Form::text('email','',array('id'=>'','class'=>'form-control span6','placeholder' => 'Email')) !!}
  </div>
</div>
<div class="control-group">
  <div class="controls">
  {!! Form::password('password',array('class'=>'form-control span6', 'placeholder' => 'Please Enter your Password')) !!}
  </div>
</div>
{!! Form::button('Login', array('class'=>'send-btn')) !!}
{!! Form::close() !!}



<script type="text/javascript">
$(document).ready(function(){
  $('.send-btn').click(function(){ 
$val=$('input[name=email]').val();  
$token=$('input[name=_token]').val();
//alert($val+$token);
   $.ajax({
      url: '/account/login',
      type: "post",

      data: {'email':$('input[name=email]').val(), '_token': $('input[name=_token]').val()},
      success: function(data){
        alert(data);
      }
    });  


  }); 
});
</script>

route.php

Route::get('account/login', function() {
  return View::make('login');
});
Route::post('account/login', 'AccountController@login');

在控制器中

 public function login() {

    if(Request::ajax()) {
      $data = Input::all();
      print_r($data);

      die;
    }

    }

我曾尝试在成功之前在ajax部分中警告输入值，它将打印输出，但成功警告将无法工作。

Answer 1

尽管通过AJAX登录用户是不安全的，但是仍然可以这样做：

{!! Form::open(array('url'=>'account/login','method'=>'POST', 'id'=>'myform')) !!}
    /**
     * Your Form
     */
    ...
    {!! Form::submit('Login', array('class'=>'send-btn')) !!}
{!! Form::close() !!}

CSRF字段将自动为您生成。 JavaScript部分：

<script>
    (function($) {
        $('#myform').submit(function(e) {
            $.ajax({
                type: 'POST',
                url: 'account/login',
                data: $('#myform').serialize(),
                success: function(data) {
                    alert(data);
                }
            });

            e.preventDefault();
        });            
    })(window.jQuery);
</script>

这应该可以解决HTML和JavaScript部分的问题。 在Laravel 5.1中，我们可以利用方法注入来接收Input字段（ Request Object ），如下所示：

<?php

namespace Blah\Blah;

use Illuminate\Http\Request;

class AccountController
{
    ...

    public function login(Request $request)
    {
        if ($request->ajax()) {
            // Its AJAX!!
            return $request->all(); // All the Input fields
        }
    }
}

注意我对您的代码所做的更改。 请检查此方法是否有效。

干杯!

Answer 2

试试这个：

public function login() {

if(Request::ajax()) {
  $data = Request::all();
  return $data;

       }
}

Answer 3

令牌是必需的。 尝试添加：

标头：{'X-CSRF-TOKEN'：令牌}

在您的ajax请求中：

$.ajax({
    url: route,
    headers: {'X-CSRF-TOKEN': token},
    type: 'POST',
    dataType: 'json',
    data: {data : data}
});

Laravel 5.1 Ajax无法正常工作？

问题描述

3 个解决方案

解决方案1
1 2015-08-12 05:32:18

解决方案2
0 2015-08-12 04:52:33

解决方案3
0 2015-11-25 00:05:50

Laravel 5.1 Ajax无法正常工作？

问题描述

3 个解决方案

解决方案1 1 2015-08-12 05:32:18

解决方案2 0 2015-08-12 04:52:33

解决方案3 0 2015-11-25 00:05:50

解决方案1
1 2015-08-12 05:32:18

解决方案2
0 2015-08-12 04:52:33

解决方案3
0 2015-11-25 00:05:50