Javascript 如何在html页面上显示json响应数组

我想将json数组数据打印到html页面，我有这样的json响应

[
    {
        "doctor_id": "1",
        "doctor_type": "doctor",
        "reg_number": "1",
        "name": "abc",
        "email_id": "abc@gmail.com"
     }
     {
        "doctor_id": "2",
        "doctor_type": "doctor",
        "reg_number": "2",
        "name": "xyz",
        "email_id": "xyz@gmail.com"
     }
]

我在javascript变量

var data

中收集了这个响应。 我有一个表，我想在其中显示数据

<table border="1">
 <tr> 
    <td>Doctor ID:</td> <td></td>
</tr>
<tr> 
  <td>Type:</td> <td></td>
</tr>
<tr> 
  <td>Registration number</td> <td></td>
</tr>
<tr> 
  <td>Name</td> <td></td>
</tr>
<tr> 
  <td>Email</td> <td></td>
</tr>
</table> 

医生编号：
类型：
注册号
名称
电子邮件

我的脚本代码是

var parsedJSON = JSON.parse(data); 
for (var i=0;i<parsedJSON.length;i++) 
{ alert(parsedJSON[i].doctor_type); } 

var parsedJSON=JSON.parse（数据）；
对于（var i=0；i我希望这会有所帮助


var数据=[
{
“医生id”：“1”，
“医生类型”：“医生”，
“注册号”：“1”，
“名称”：“abc”，
“电子邮件id”：”abc@gmail.com"
},
{
“医生id”：“2”，
“医生类型”：“医生”，
“注册号”：“2”，
“名称”：“xyz”，
“电子邮件id”：”xyz@gmail.com"
}
];
var dataTable=document.querySelector（“#dataTable”）；
data.forEach（（项目，i）=>{
var row=dataTable.insertRow（）；
row.insertCell（0）.innerHTML=item.doctor\u id；
row.insertCell（1）.innerHTML=item.doctor\u type；
row.insertCell（2）.innerHTML=item.reg\u编号；
row.insertCell（3）.innerHTML=item.name；
row.insertCell（4）.innerHTML=item.email\u id；
})；
#数据表{
宽度：100%；
文本对齐：居中；
颜色：蓝色；
}

医生证
类型
注册号
名称
电子邮件
您是否编写了
HTML
代码？是的，我的HTML页面中有表格您可以发布HTML和更新问题您尝试了任何代码吗？是的，但它不起作用，我使用了var parsedJSON=JSON.parse（data）；例如（var i=0；i@Tejaswee请检查控制台并提供更多详细信息查看错误：dataTable为null@Tejaswee您是否在html中添加了我添加的表格？@Tejaswee请创建codesandbox并提供链接以供检查，谢谢