Php 当我使用ajax发布表单时，Laravel获取HttpException错误

在Laravel中，我想通过使用

Ajax

发布简单表单数据表单，我得到以下错误：

exception: "Symfony\\Component\\HttpKernel\\Exception\\HttpException"

例如：

查看：

<form action="#" method="POST" id="checkPageForAddToSystem">
    {{csrf_field()}}
        <div class="form-group">
            <div class="col-md-12" style="padding: 0px;">
                <input class="form-control" type="text" name="page_name">
            </div>
        </div>
    <div class="text-right">
        <button type="button" class="btn btn-link" data-dismiss="modal">
            close
        </button>
        <button type="submit" class="btn btn-primary">
            add
        </button>
    </div>
</form>

$('#checkPageForAddToSystem').on('submit', function (e) {
    e.preventDefault();
    let _token = $("input[name='_token']").val();
    $.ajax({
        method: 'POST',
        url: '/panel/addInstagramPageByAjax',
        header: {
            'X-CSRF-TOKEN': _token
        },
        dataType: 'JSON',
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });
});

Route::group(['namespace' => 'Dashboard', 'middleware' => ['auth:web'], 'prefix' => 'panel'], function () {
    $this->post('addInstagramPageByAjax', 'ManageInstagramController@addInstagramPageByAjax');
});

public function addInstagramPageByAjax(Request $request)
{
    return response()->json(['sate' => true]);
}

路线：

<form action="#" method="POST" id="checkPageForAddToSystem">
    {{csrf_field()}}
        <div class="form-group">
            <div class="col-md-12" style="padding: 0px;">
                <input class="form-control" type="text" name="page_name">
            </div>
        </div>
    <div class="text-right">
        <button type="button" class="btn btn-link" data-dismiss="modal">
            close
        </button>
        <button type="submit" class="btn btn-primary">
            add
        </button>
    </div>
</form>

$('#checkPageForAddToSystem').on('submit', function (e) {
    e.preventDefault();
    let _token = $("input[name='_token']").val();
    $.ajax({
        method: 'POST',
        url: '/panel/addInstagramPageByAjax',
        header: {
            'X-CSRF-TOKEN': _token
        },
        dataType: 'JSON',
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });
});

Route::group(['namespace' => 'Dashboard', 'middleware' => ['auth:web'], 'prefix' => 'panel'], function () {
    $this->post('addInstagramPageByAjax', 'ManageInstagramController@addInstagramPageByAjax');
});

public function addInstagramPageByAjax(Request $request)
{
    return response()->json(['sate' => true]);
}

控制器操作：

<form action="#" method="POST" id="checkPageForAddToSystem">
    {{csrf_field()}}
        <div class="form-group">
            <div class="col-md-12" style="padding: 0px;">
                <input class="form-control" type="text" name="page_name">
            </div>
        </div>
    <div class="text-right">
        <button type="button" class="btn btn-link" data-dismiss="modal">
            close
        </button>
        <button type="submit" class="btn btn-primary">
            add
        </button>
    </div>
</form>

$('#checkPageForAddToSystem').on('submit', function (e) {
    e.preventDefault();
    let _token = $("input[name='_token']").val();
    $.ajax({
        method: 'POST',
        url: '/panel/addInstagramPageByAjax',
        header: {
            'X-CSRF-TOKEN': _token
        },
        dataType: 'JSON',
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });
});

Route::group(['namespace' => 'Dashboard', 'middleware' => ['auth:web'], 'prefix' => 'panel'], function () {
    $this->post('addInstagramPageByAjax', 'ManageInstagramController@addInstagramPageByAjax');
});

public function addInstagramPageByAjax(Request $request)
{
    return response()->json(['sate' => true]);
}

---

使用CSRF-TOKEN设置ajax头的示例用法

$.ajaxSetup({
     headers: {
           'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
       }
  })

---

我希望这会对你有所帮助。

是的，我肯定它的名字是

\u token

，但是你的代码解决了我的问题，

头
无法在
$内工作。ajax
好吧，为什么不投票给其他人作为正确答案。我忘了：）我接受并投票给你的答案，好吗？：）