Ajax Post 在 laravel 5.1 中不起作用答案

【问题标题】：Ajax Post not Working in laravel 5.1Ajax Post 在 laravel 5.1 中不起作用
【发布时间】：2015-11-19 03:09:44
【问题描述】：

我正在尝试在 laravel 中使用 ajax 发布数据，但它似乎无法正常工作。我遵循以下是我的代码

login.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="csrf_token" content="{{ csrf_token() }}" />

<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> 
<style type="text/css">

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


});
</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">

  </div>
</div>
{!! Form::button('Login', array('class'=>'send-btn')) !!}
{!! Form::close() !!}
</body>
</html>

和路由.php

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

在控制器中

 public function login() {
    // Getting all post data
    if(!Request::ajax()) {
      $data = Input::all();
      print_r($data);
    }

    }

每当我尝试提交表单时都不起作用。我尝试在 onclick jquery 中使用警报，但它显示警报消息。谁能告诉它为什么不起作用？

注意：这个问题已经问过了，但没有找到任何对我有用的答案

Laravel 5.1 ajax not working?

更新

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

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


});
</script>

在控制台安全中我收到以下错误

 [HTTP/1.0 500 Internal Server Error 115ms]


Update 2


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="csrf_token" content="{{ csrf_token() }}">

<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> 
<style type="text/css">

</style>

<script>
$(document).ready(function() {
    $('#frm').on('submit', function (e) {
    alert();
        e.preventDefault();
        var title = $('#title').val();
        var body = $('#body').val();
        var published_at = $('#published_at').val();
        $.ajax({
            type: "POST",
            url: 'http://localhost/demo/public/articles/articles',
            headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
            dataType: 'JSON',
            data: {title: title, body: body, published_at: published_at},
            success: function( data ) {
                $("#ajaxResponse").append(data.msg);
                alert(data);
            }
        });
    });
    });
</script>
</head>
<body>

{!! Form::open(['url' => 'articles', 'id' => 'frm']) !!}
    <p>
        {!! Form::label('title', 'Title:') !!}
        {!! Form::text('title') !!}
    </p>

    <p>
        {!! Form::label('body', 'Body:') !!}
        {!! Form::textarea('body') !!}
    </p>

    <p>
        {!! Form::label('published_at', 'Date:') !!}
        {!! Form::input('date', 'published_at', date('Y-m-d'), ['class' => 'form-control']) !!}
    </p>

    <p>
        {!! Form::submit('Submit Article', ['id' => 'submit']) !!}
    </p>
{!! Form::close() !!}

</body>
</html>

route.php

Route::resource('articles', 'ArticlesController');

文章控制器

public function store()
    {
        print_r(Request::all());

    }

更新 2

[2015-08-28 06:23:03] 

local.ERROR: exception 'Illuminate\Session\TokenMismatchException' in D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Foundation\Http\Middleware\VerifyCsrfToken.php:53
Stack trace:
#0 [internal function]: Illuminate\Foundation\Http\Middleware\VerifyCsrfToken->handle(Object(Illuminate\Http\Request), Object(Closure))
#1 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(124): call_user_func_array(Array, Array)
#2 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\View\Middleware\ShareErrorsFromSession.php(54): Illuminate\Pipeline\Pipeline->Illuminate\Pipeline\{closure}(Object(Illuminate\Http\Request))
#3 [internal function]: Illuminate\View\Middleware\ShareErrorsFromSession->handle(Object(Illuminate\Http\Request), Object(Closure))
#4 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(124): call_user_func_array(Array, Array)
#5 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Session\Middleware\StartSession.php(62): Illuminate\Pipeline\Pipeline->Illuminate\Pipeline\{closure}(Object(Illuminate\Http\Request))
#6 [internal function]: Illuminate\Session\Middleware\StartSession->handle(Object(Illuminate\Http\Request), Object(Closure))
#7 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(124): call_user_func_array(Array, Array)
#8 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse.php(37): Illuminate\Pipeline\Pipeline->Illuminate\Pipeline\{closure}(Object(Illuminate\Http\Request))
#9 [internal function]: Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse->handle(Object(Illuminate\Http\Request), Object(Closure))
#10 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(124): call_user_func_array(Array, Array)
#11 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Cookie\Middleware\EncryptCookies.php(59): Illuminate\Pipeline\Pipeline->Illuminate\Pipeline\{closure}(Object(Illuminate\Http\Request))
#12 [internal function]: Illuminate\Cookie\Middleware\EncryptCookies->handle(Object(Illuminate\Http\Request), Object(Closure))
#13 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(124): call_user_func_array(Array, Array)
#14 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode.php(42): Illuminate\Pipeline\Pipeline->Illuminate\Pipeline\{closure}(Object(Illuminate\Http\Request))
#15 [internal function]: Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode->handle(Object(Illuminate\Http\Request), Object(Closure))
#16 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(124): call_user_func_array(Array, Array)
#17 [internal function]: Illuminate\Pipeline\Pipeline->Illuminate\Pipeline\{closure}(Object(Illuminate\Http\Request))
#18 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Pipeline\Pipeline.php(103): call_user_func(Object(Closure), Object(Illuminate\Http\Request))
#19 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Foundation\Http\Kernel.php(122): Illuminate\Pipeline\Pipeline->then(Object(Closure))
#20 D:\xampp\htdocs\demo\vendor\laravel\framework\src\Illuminate\Foundation\Http\Kernel.php(87): Illuminate\Foundation\Http\Kernel->sendRequestThroughRouter(Object(Illuminate\Http\Request))
#21 D:\xampp\htdocs\demo\public\index.php(54): Illuminate\Foundation\Http\Kernel->handle(Object(Illuminate\Http\Request))
#22 {main}

【问题讨论】：

“每当我尝试提交表单时不起作用”——这告诉我们的信息很少。什么不工作？在浏览器中使用开发人员工具（特别是控制台和网络选项卡）。函数是否运行？有错误吗？请求是否被提出？它的格式是否符合您的预期？你得到回应了吗？响应的格式是否符合您的预期？如果您手动向 HTTP 端点发出请求，它是否有效？你能把问题缩小到 JS 或 PHP 吗？
@tester，日志对这个错误有什么看法？
另外，更改url: 'http://localhost/demo/public/articles/articles'并将其设置为url: 'http://localhost/demo/public/articles',
@manix.thanks for point out.but 仍然得到同样的错误
@tester，日志呢？ 500 错误可能由多种原因引起

标签： php laravel laravel-5 laravel-5.1

【解决方案1】：

问题在于您使用的是 URL 而不是直接路径。 Laravel 几乎覆盖和重定向任何 http post 或 get。打开浏览器开发者工具查看请求，实际请求的 URL 与 ajax 调用中的不同。

请参阅下面的示例，完整的 URL 不起作用。绝对路径。

$.ajax
        ({
            type: "POST",
            dataType : 'text',
            url: "../../public/head-editor-api/index.php", 
            data: {
                website_hosting_server: website_hosting_server,
                website_hosting_username: website_hosting_username,
                website_hosting_password: website_hosting_password
            }
        }).done( function(data){
            alert(data);
        }).fail(function(){
           alert("error");
        });

【讨论】：

【解决方案2】：

你犯了多个错误：

1-您的 csrf 令牌在元标记中（不在输入字段中）：

2-meta 标记名称是 csrf_token（但你用错误的名称调用它，即 _token）

3- csrf token 不在 value 属性中，但在 content 属性中

所以你必须这样称呼它

_token': $('meta[name=csrf_token]').attr('content')

无论如何，有更简单的方法可以做到这一点，如下所示：

 _token:"{{csrf_token()}}"

不需要：

_token: $('meta[name=csrf_token]').attr('content')

改用以下语句：

_token:"{{csrf_token()}}" will do the same.

完整示例：

$.ajax
        ({
            type: "POST",
            dataType : 'json',
            url: "{{route('routeName')}}", 
            data: {_token:"{{csrf_token()}}", data: data}
        }).done( function(data){
            console.log('Ajax was Successful!')
            console.log(data)
        }).fail(function(){
            console.log('Ajax Failed')
        });

【讨论】：

url: "{{route('routeName')}}", data: {_token:"{{csrf_token()}}", data: data} 谢谢！这两行对我有用

【解决方案3】：

我认为问题出在App/Http/Middleware/Authenticate.php 尝试更改此

public function handle($request, Closure $next)
{
    if ($this->auth->guest())
    {
        if ($request->ajax())
        {
            return response('Unauthorized.', 401);
        }
        else
        {
            return redirect()->guest('auth/login');
        }
    }

    return $next($request);
}

到这里：

public function handle($request, Closure $next)
{
    return $next($request);
}

【讨论】：

可能不应该只删除 if ($this->auth->guest()) { if ($request->ajax()) { return response('Unauthorized.', 401); } else { return redirect()->guest('auth/login'); } } 大声笑这是怎么回答的？继续删除它，看看会发生什么！几乎任何人都可以在 api 上运行函数。

【解决方案4】：

从异常中可以看出，CSRF 令牌有问题。所以不知何故你无法发送令牌，这就是你必须追踪的。

在更新之前的原始问题中，您从隐藏的表单元素发送令牌，例如：'_token': $('input[name=_token]').val()

Form::open 应该在表单中添加该字段，但可能存在问题，因此我建议您查看页面的源代码以确保存在隐藏的表单元素，例如<input type="hidden" name="_token" value="asdfasfd">。

并且/或者您可以在浏览器的控制台中输入$('input[name=_token]').val() 以确保您可以达到该值。

在“更新 2”之后，您决定将 CSRF 令牌移动到元标记并将其与标头一起发送，但元的名称是 csrf_token 但是您在 $.ajax 选项中将其引用为 csrf-token （使用破折号代替下划线）。

对于这两种情况，追踪问题的最佳方法是有效地使用浏览器控制台：

当您在控制台中看到错误时，只需单击链接即可转到“网络”选项卡。
您会在其中看到所有请求，通过查看名称找到您的请求并单击它。（它应该突出显示一会儿，但有时它不可见，因此您可能需要向上或向下滚动才能找到它）。
在右侧单击“标题”选项卡并向下滚动以查看 _token 字段 - 或 - X-CSRF-TOKEN 标题以及它们是否为空。
另一个提示是，单击“响应”或“预览”选项卡以查看服务器响应，这样可以更快地检测到错误，而不是转到日志等。

【讨论】：

【解决方案5】：

我看到的是在 ajax 定义中调用的错误 url，应该是：

url: 'http://localhost/demo/public/articles',

上面的网址应该存储一篇文章。对于后登录，您应该使用：

url: 'http://localhost/demo/public/login',

请注意，如果您的网站将更改域 url，您可以通过标头中的 javascript 初始化 url：

<script>
    var login_url = '{{ url("login") }}';
</script>

那么你可以这样称呼它：

$.ajax({
        type: "POST",
        url: login_url,

【讨论】：

【解决方案6】：

我马上就注意到了几件事。首先，您已将 POST 路由（在 routes.php 中）设置为“account/login”，但您将 $.ajax url 设置为“login”。您需要将其设置为“/account/login”，就像您在表单 url 和（最重要的）路由文件中拥有它一样。

另外，因为您使用的是 Laravel {!! Form::xxx() !!} 结构，你不需要包含'method'=>'POST'。这将自动为您添加，CSRF 令牌也是如此。 http://laravelcollective.com/docs/5.0/html#opening-a-form

此外，控制器中的“登录”功能仅在请求是非 AJAX 时运行，但您正尝试通过 AJAX 请求发送，对吗？有几件事需要深入研究。希望对您有所帮助。

【讨论】：

@DonnaJo.i 有拼写错误。我的 url 是正确的，即使尝试了stackoverflow.com/questions/32256969/… 这个例子但给出了同样的错误
如果我删除脚本然后提交表单。我将在我的问题中更新我的新示例

【解决方案7】：

表单运行良好。

您只是忘记在您的 ajax 表单数据中发送"_method": "post"。 Laravel 正在使用 Symfony 路由，它使用称为 _ method 的特殊参数来路由到您的路由定义。

【讨论】：

这不是必需的。 Ajax 的 header 已经使用type 参数发送 POST 方法