Php Ajax Post在laravel 5.1中不起作用_Php_Laravel_Laravel 5_Laravel 5.1

Php Ajax Post在laravel 5.1中不起作用

php laravel laravel-5

Php Ajax Post在laravel 5.1中不起作用,php,laravel,laravel-5,laravel-5.1,Php,Laravel,Laravel 5,Laravel 5.1,我试图在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://maxc

我试图在laravel中使用ajax发布数据，但它似乎不起作用。下面是我的代码

<!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>

和在控制器中

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

    }

当我试图提交表格时，表格不起作用。我尝试在onclick jquery中使用警报，但它显示警报消息。有人能告诉我为什么它不起作用吗

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

更新

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

物品管理员

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}

这个表格工作得很好

您只是忘记了在ajax表单数据中发送

“\u方法”：“post”

。

Laravel正在使用Symfony路由，它使用一个名为\uMethod的特殊参数来路由到您的路由定义。

我马上注意到一些事情。首先也是最重要的一点，您已经将POST路由（在routes.php中）设置为“account/login”，但您正在将$.ajaxURL设置为“login”。您需要将其设置为“/account/login”，就像您在表单url和（最重要的）路由文件中使用它一样

另外，由于您使用的是Laravel{！！Form:：xxx（）！！}结构，因此不需要包含'method'=>'POST'。这将为您自动添加，以及CSRF令牌

此外，控制器中的“登录”功能仅在请求不是AJAX时运行，但您试图通过AJAX请求发送，对吗？只是一些需要深入研究的事情。希望有帮助。

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

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

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

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

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

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

从异常中可以看出，CSRF令牌存在问题。因此，不知何故，您无法发送令牌，这就是您必须查找的内容

在更新之前的原始问题中，您正在从隐藏的表单元素发送令牌，如：

“\u-token”：$（'input[name=\u-token]”）。val（）

Form:：open

应该在表单中添加字段，但可能存在问题，因此我建议您查看页面的源代码，以确保有一个隐藏的表单元素，如

和/或只需在浏览器控制台中键入

$（'input[name=_token]'）.val（）

，以确保可以达到该值

在“update 2”之后，您决定将CSRF令牌移动到meta标记，并将其与头一起发送，但meta的名称是

CSRF\u令牌

，但是您在$.ajax选项中将其引用为

CSRF令牌

（使用破折号而不是下划线）

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

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

我认为问题出在

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

您犯了多个错误：

 _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')
        });

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

2元标记名是csrf_标记（但您使用错误的名称，即_标记）调用它

3-csrf令牌不在值属性中，但在内容属性中

所以你必须这样称呼它

_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')
        });

不需要它：

 _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')
        });

改用以下语句：

 _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')
        });

完整示例：

 _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而不是直接路径。Laravel几乎覆盖并重定向任何http post或get。打开浏览器开发工具并查看请求，实际请求的URL与ajax调用中的URL不同

请参见下面的示例，完整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");
        });

“每当我试图提交不起作用的表格时”——这告诉我们很少。什么不起作用？在浏览器中使用开发人员工具（特别是控制台和Net选项卡）。这个函数运行吗？有错误吗？有人提出要求吗？它的格式是否符合您的期望？你得到答复了吗？响应的格式是否如您所期望的那样？如果手动向HTTP端点发出请求，该请求是否有效？你能把问题缩小到JS或PHP吗？@tester，日志对这个错误怎么说？另外，更改

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

并将其设置为

url:”http://localhost/demo/public/articles“，

@manix。谢谢你的指点。但还是一样error@tester，那么日志呢？500个错误可能是由一吨reasons@DonnaJo.i有打字错误。我的url是正确的，即使我尝试了这个例子，但给出相同的错误，如果我删除脚本，然后它提交表单。我将更新我的问题中的新例子，这是没有必要的。Ajax的头已经使用

type

parameterurl:{{route（'routeName'）}}，数据：{u-token:{{{csrf\u-token（）}，{csrf\u-token（）}，数据：}谢谢！为我工作的这两行可能不应该只删除if（$This->auth->guest（））{if（$request->ajax（））{return response（'Unauthorized'，401）；}else{return redirect（）-