Javascript 在datatable中提取和显示附加数据

我正在使用Laravel5.8构建一个web应用程序。我已经开始深入研究JQuery的使用，这非常令人惊讶。然而，我一直未能找到我的问题的答案。希望有人能帮忙

我有一个名为“角色”的视图，它负责显示系统上基于安全性的角色列表。在该视图中，我有一个数据表，显示角色列表、创建日期等。该数据表上有一列“权限”。在此之前，我将放置分配给该角色的权限列表。如果你看一下我以前的代码，我就能够做到这一点。我无法用Jquery解决这个问题

上一个视图代码：

@foreach ($roles as $role)
                    <tr>

                        <td>{{ $role->name }}</td>
                        <td>
                            @if($role->name === "superadmin")
                                <span class="badge badge-primary">All Permissions</span>
                            @else
                                @foreach($role->permissions()->pluck('permission_name') as $permission)
                                    <span class="badge badge-primary">{{ $permission }}</span>
                        @endforeach
                        @endif

                        <td nowrap>@if($role->name != "superadmin")<span class="dropdown">
                            <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
                              <i class="la la-ellipsis-h"></i>
                            </a>

                            <div class="dropdown-menu dropdown-menu-right">
                                <a class="dropdown-item" href="{{ route('admin.security.roles.edit',$role->id) }}"><i class="la la-edit"></i> Edit Role</a>
                                <a class="dropdown-item" href="javascript:delete_role('{{ $role->id }}');"><i class="la la-remove"></i> Delete Role</a>
                            </div>
                        </span>
                        @endif
                    </tr>
                @endforeach

<!--begin: Datatable -->
            <table class="table table-striped- table-bordered table-hover table-checkable" id="roles_table">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Permissions</th>
                    <th>Created</th>
                    <th>Updated</th>
                    <th>Actions</th>
                </tr>
                </thead>
            </table>
            <!--end: Datatable -->

当前php代码：

公共功能索引（）
{
$permission=permission:：get（）；
if（请求（）->ajax（））{
返回（角色：：all（）的datatables（）->
->addColumn（'actions'、'layouts.\u partials.backend.\u crud-default'）
->rawColumns（['actions'，'permissions']））
->addIndexColumn（）
->使（真实）；
}
返回视图（'site.backend.auth.roles.index'，compact（'permission'）；
}

当前视图代码：

@foreach ($roles as $role)
                    <tr>

                        <td>{{ $role->name }}</td>
                        <td>
                            @if($role->name === "superadmin")
                                <span class="badge badge-primary">All Permissions</span>
                            @else
                                @foreach($role->permissions()->pluck('permission_name') as $permission)
                                    <span class="badge badge-primary">{{ $permission }}</span>
                        @endforeach
                        @endif

                        <td nowrap>@if($role->name != "superadmin")<span class="dropdown">
                            <a href="#" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown" aria-expanded="true">
                              <i class="la la-ellipsis-h"></i>
                            </a>

                            <div class="dropdown-menu dropdown-menu-right">
                                <a class="dropdown-item" href="{{ route('admin.security.roles.edit',$role->id) }}"><i class="la la-edit"></i> Edit Role</a>
                                <a class="dropdown-item" href="javascript:delete_role('{{ $role->id }}');"><i class="la la-remove"></i> Delete Role</a>
                            </div>
                        </span>
                        @endif
                    </tr>
                @endforeach

<!--begin: Datatable -->
            <table class="table table-striped- table-bordered table-hover table-checkable" id="roles_table">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Permissions</th>
                    <th>Created</th>
                    <th>Updated</th>
                    <th>Actions</th>
                </tr>
                </thead>
            </table>
            <!--end: Datatable -->

---

错误消息显示的是明显的，$role和$permission变量不存在。

欢迎加入SO俱乐部。请您显示准确的错误信息好吗？谢谢Yasen！我没有收到错误消息。我根本不知道如何使用jquery/ajax提取这些附加细节并在datatable中列出它们。