Javascript 如何在JS中附加每个角色的权限？

我正在尝试使用JS将数据附加到HTML中。我有角色及其各自的权限，使用laravel ORM获取数据。 我使用嵌套的每个Jquery函数来附加权限，但没有得到解决方案。 请指导我如何将数据追加到表中

JS:

$（文档）.ready（异步函数（）{
var id=localStorage.getItem（'userid'）；
var用户=“”；
变量角色=“”；
如果（id！=null）{
wait.ajax({
url:base\u url\u local+`/roles/${id}`，
键入：“get”，
成功：功能（响应）{
//用户=response.users；
//角色=响应。角色；
$（response.roles）。每个（函数（索引、角色）{
$（'#角色_tr'）。追加(`
${role.name}
${JSON.stringify（role.permissions）}
`)},
);
},
});
}
});

来自Laravel ORM（数据库）的响应：

您可以使用来提取权限名称并将其合并为一个字符串

$（response.roles）。每个（函数（索引，角色）{
$（'#角色_tr'）。追加(`
${role.name}
${role.permissions.map（p=>p.name.join（）}
`)},
);

您希望如何显示权限？他们的名单？（例如，

显示仪表板

，

管理费用

等）@MoshFeu Yes name感谢它的工作。很高兴听到：）

$( document ).ready(async function() {

    var id = localStorage.getItem('userid');
    var users = '';
    var roles = '';

    if (id != null) {
        await $.ajax({
            url: base_url_local + `/roles/${id}`,
            type: 'get',
            success: function (response) {
                // users = response.users;
                // roles = response.roles;
                $(response.roles).each(function (index, role) {
                    $('#roles_tr').append(`<tr>
                       <td>${role.name}</td>
                       <td class="tagCursor">
                           <span>${JSON.stringify(role.permissions)}</span>
                       </td>
                    </tr>`)},
                );
            },

        });
    }
});