（匿名函数）使用 AJAX 传递数据时答案

【问题标题】：(anonymous function) when passing data using AJAX（匿名函数）使用 AJAX 传递数据时
【发布时间】：2016-08-13 04:25:23
【问题描述】：

我是LARVEL的新用户，当我开发时遇到这个问题，希望有人能帮助我

我用来开发的东西 => PHP Laravel 5.2

我遇到了什么错误 => POST 500 内部服务器错误指向 => （匿名函数）

这是我的 ajaxcreate.blade.php

@extends('layouts.app')

@section('content')
<div class="col-md-10 col-md-offset-1">
    <div class="col-md-8">
        <input type="text" class="form-control" id="name" name="name"
            placeholder="Enter some name" required>
        <p class="error text-center alert alert-danger hidden"></p>
    </div>
    <div class="col-md-4">
        <button class="btn btn-primary" type="submit" id="add">
            <span class="glyphicon glyphicon-plus"></span> ADD
        </button>
    </div>
</div>

<div class="col-md-10 col-md-offset-1">
    <table class="table table-borderless" id="table">
        <thead>
            <tr>
                <th class="text-center">ID</th>
                <th class="text-center">Name</th>
                <th class="text-center">Details</th>
                <th class="text-center">Actions</th>
            </tr>
        </thead>
        @foreach($data as $item)
        <tr class="item{{$item->id}}">
            <td>{{$item->id}}</td>
            <td>{{$item->name}}</td>
            <td>{{$item->details}}</td>
            <td><button class="edit-modal btn btn-info" data-id="{{$item->id}}" data-name="{{$item->name}}">
                    <span class="glyphicon glyphicon-edit"></span> Edit
                </button>
                <button class="delete-modal btn btn-danger" data-id="{{$item->id}}" data-name="{{$item->name}}">
                    <span class="glyphicon glyphicon-trash"></span> Delete
                </button>
            </td>
        </tr>
        @endforeach
    </table>
</div>


<script>
$("#add").click(function() {

    $.ajax({    // this is where my console said the anonymous function
        type: 'post',
        url: 'addItem',
        dataType: 'json',
        data: {
            '_token': $('input[name=_token]').val(),
            'name': $('input[name=name]').val()
        },
        success: function(data) {
            if ((data.errors)) {
                $('.error').removeClass('hidden');
                $('.error').text(data.errors.name);
            } else {
                $('.error').remove();
                $('#table').append("<tr class='item" + data.id + "'><td>" + data.id + "</td><td>" + data.name + "</td><td><button class='edit-modal btn btn-info' data-id='" + data.id + "' data-name='" + data.name + "'><span class='glyphicon glyphicon-edit'></span> Edit</button> <button class='delete-modal btn btn-danger' data-id='" + data.id + "' data-name='" + data.name + "'><span class='glyphicon glyphicon-trash'></span> Delete</button></td></tr>");
            }
        },
    });
    $('#name').val('');
});
</script>
@endsection

这是我的 AjaxController.php

public function addItem(Request $request) 
    {

        $data = new Product ();
        $data->name = $request->name;
        $data->details = $request->name;
        $data->save ();
    }

这是我的 routes.php

Route::post('/addItem','AjaxController@addItem');

Route::get('/readItem','AjaxController@readItems');

【问题讨论】：

您可以随时查看您的storage/logs/laravel.log 以查看错误的正确堆栈跟踪。我最初的想法是$data = new Product (); 不应该有()；它应该只是$data = new Product;。它的其余部分看起来不错，只要它发布到的路线是有效的。让我知道这是否有帮助。
是的，它有帮助，错误指向这个 //local.ERROR: exception 'Illuminate\Session\TokenMismatchException' in C:\wamp64\www\testing\vendor\laravel\framework\src\ Illuminate\Foundation\Http\Middleware\VerifyCsrfToken.php:67// @James 你知道它的意思吗？谢了！
您得到的错误是令牌不匹配异常，这意味着您与请求一起传递的 CSRF 令牌无效。查看上面的代码，我没有看到 _token 字段。确保您在页面上有此内容，以便检索您的 CSRF 令牌。
感谢@James 指出问题，我已经通过将这个 '_token': $('input[name=_token]').val() 更改为 '_token': '{ { csrf_token() }}'

标签： php ajax laravel-5.2

【解决方案1】：

问题是令牌不匹配

所以我要做的就是改变

data: {
            '_token': $('input[name=_token]').val(),
            'name': $('input[name=name]').val()
      },

到

data: {
            '_token': '{{ csrf_token() }}',
            'name': $('input[name=name]').val()
      }

【讨论】：