使用post方法的Api.php中路由数据表的ajax问题

Question

我无法让我的 DataTable 通过 Api.php 类型 POST 中的路由加载数据。

我正在使用这个数据表：https://datatables.net/

API.php

Route::post('subredes/{username}/{token}', function($username, $token){
    $user = DB::table('usuarios')
                    ->where('token', $token)
                    ->value('username');
    $estado = DB::table('usuarios')
                    ->where('username', $username)
                    ->value('estado');  

    if(!empty(trim($user)) && $estado == 2){
        $query = DB::table('subredes as s')
            ->select('s.id', 's.ip', 's.gateway', 's.mask');

        return datatables()
            ->of($query)
            ->addColumn('btn','Actions.subredes')
            ->rawColumns(['btn'])
            ->toJson();
    }

});

Javascript

    $(document).ready(function(){
        $('#Subredes').DataTable({
        "bAutoWidth": false,
        "language":{
            "url": "{{url('api/spanish')}}"
        },
        "destroy": true,
        "responsive": true,
        "serverSide":true,
        "ajax": {
            "url": "{{url('api/subredes/'.auth()->user()->username.'/'.auth()->user()->token)}}",
            "type": "POST",
        },
        "columnDefs": [{
        "targets": 'no-sort',
        "orderable": false,
        "searchable": false,
        }],
        "columns":[
            {data: 'ip', name: 's.ip'},
            {data: 'gateway', name: 's.gateway'},
            {data: 'mask', name: 's.mask'},
            {data: 'btn'},
        ]
        });
    });

错误：

我怀疑是因为他没有给他 CSRF，但我不知道该怎么做，我也不能 100% 确定这是问题所在。

Answer 1

问题是 DataTables 正在发出 GET 请求，而您只允许 POST。错误出在 ajax 配置中：您必须将 type 替换为 method，它将作为 POST 发送。

来源：https://api.jquery.com/jQuery.ajax/

CSRF 令牌将是您的下一个问题。最简单的方法是使用 GET 而不是 post（在 DataTables 配置和 Route 配置中）。否则，您将不得不在 HTML 中的某处公开令牌（例如元标记）并将其与请求一起发送：

    let token = document.head.querySelector('meta[name="csrf-token"]');
    //...
        "ajax": {
            "url": "{{url('api/subredes/'.auth()->user()->username.'/'.auth()->user()->token)}}",
            "method": "POST",
            "data": {
                _token: token,
        },