使用jquery将json文件转换为动态表

我编写了以下代码来加载json文件并将其转换为表，我得到了错误

roleList未定义

。我做错了什么？
我的代码正确吗？

$（文档）.ready（函数（）{
//变量角色列表；
$.getJSON（'a.json'，函数（数据）{
var roleList=数据；
//控制台日志（rolelist）；
empRoles（）；
});
});
函数empRoles（）{
for（var i=0；i将
roleList
作为参数传递给
empRoles（）
函数


var roleList=[{
“sNo”：“1”，
“roleName”：“设计师”
},
{
“sNo”：“2”，
“roleName”：“开发者”
},
{
“sNo”：“3”，
“roleName”：“人力资源部”
},
{
“sNo”：“4”，
“roleName”：“项目经理”
}
];
empRoles（roleList）；
功能和角色（角色列表）{
对于（变量i=0；i


序号
角色名
行动
将
roleList
作为参数传递给
empRoles（）
函数


var roleList=[{
“sNo”：“1”，
“roleName”：“设计师”
},
{
“sNo”：“2”，
“roleName”：“开发者”
},
{
“sNo”：“3”，
“roleName”：“人力资源部”
},
{
“sNo”：“4”，
“roleName”：“项目经理”
}
];
empRoles（roleList）；
功能和角色（角色列表）{
对于（变量i=0；i


序号
角色名
行动
使用
each（）
循环，将数据作为参数传递给函数

     $.getJSON('a.json', function(data) {
        empRoles(data);  
     });
     function empRoles(data) {
       $.each(data,function(i,roleList) {
        var table = '<tr id="row' + i + '"><td>' + roleList.sNo + '</td><td class="roleName" id="name' + i + '">' + roleList.roleName + '</td><td><button class="btn edit btn-info" id="edit' + i + '"><i class="fa fa-pencil"></i>Edit</button><button class="btn update btn-success" id="update' + i + '"><i class="fa fa-floppy-o"></i>Update</button><button class="btn dlt btn-danger" data-toggle="modal" data-target="#confirm"><i class="fa fa-trash-o"></i>Delete</button></td><tr>';
        $('#roleListTable').append(table)
       });
      }

$.getJSON（'a.json'，函数（数据）{
emp角色（数据）；
});
功能和角色（数据）{
$.each（数据、函数（i、角色列表）{
变量表=''+roleList.sNo+''+roleList.roleName+'EditUpdateDelete'；
$（“#角色列表”）。追加（表格）
});
}


var数据=[{
“sNo”：“1”，
“roleName”：“设计师”
},
{
“sNo”：“2”，
“roleName”：“开发者”
},
{
“sNo”：“3”，
“roleName”：“人力资源部”
},
{
“sNo”：“4”，
“roleName”：“项目经理”
}
];
功能和角色（数据）{
$.each（数据、函数（i、角色列表）{
变量表=''+roleList.sNo+''+roleList.roleName+'EditUpdateDelete'；
$（“#角色列表”）。追加（表格）
});
}
empRoles（数据）；

使用
each（）
循环，将数据作为参数传递给函数

     $.getJSON('a.json', function(data) {
        empRoles(data);  
     });
     function empRoles(data) {
       $.each(data,function(i,roleList) {
        var table = '<tr id="row' + i + '"><td>' + roleList.sNo + '</td><td class="roleName" id="name' + i + '">' + roleList.roleName + '</td><td><button class="btn edit btn-info" id="edit' + i + '"><i class="fa fa-pencil"></i>Edit</button><button class="btn update btn-success" id="update' + i + '"><i class="fa fa-floppy-o"></i>Update</button><button class="btn dlt btn-danger" data-toggle="modal" data-target="#confirm"><i class="fa fa-trash-o"></i>Delete</button></td><tr>';
        $('#roleListTable').append(table)
       });
      }

$.getJSON（'a.json'，函数（数据）{
emp角色（数据）；
});
功能和角色（数据）{
$.each（数据、函数（i、角色列表）{
变量表=''+roleList.sNo+''+roleList.roleName+'EditUpdateDelete'；
$（“#角色列表”）。追加（表格）
});
}


var数据=[{
“sNo”：“1”，
“roleName”：“设计师”
},
{
“sNo”：“2”，
“roleName”：“开发者”
},
{
“sNo”：“3”，
“roleName”：“人力资源部”
},
{
“sNo”：“4”，
“roleName”：“项目经理”
}
];
功能和角色（数据）{
$.each（数据、函数（i、角色列表）{
变量表=''+roleList.sNo+''+roleList.roleName+'EditUpdateDelete'；
$（“#角色列表”）。追加（表格）
});
}
empRoles（数据）；

trued？@Vishal kumar No我没有试过。trued？@Vishal kumar No我没有试过。我想加载单独的json文件。你可以这样做。我想加载单独的json文件。你可以这样做that@user7397787，另一个没有错code@user7397787，您正在获取数据吗？检查
console.log（roleList）
请检查上面的json文件。@user7397787您需要从
a.json
文件中删除
var data=
。请参阅是的，谢谢。现在我得到了数据，但表没有displaying@user7397787，另一个没有错code@user7397787，您正在获取数据吗？检查
console.log（roleList）
请检查上面的json文件。@user7397787您需要从
a.json
文件中删除
var data=
。请参阅是的，谢谢。现在我得到了数据，但表没有显示