Javascript JSON rest服务转换为HTML表格式

我有一个rest服务返回下面的数据

{  
   "items":[  
      {  
         "empno":8240,
         "ename":null,
         "job":null,
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":null
      },
      {  
         "empno":8241,
         "ename":null,
         "job":null,
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":null
      },
      {  
         "empno":7839,
         "ename":"QUEEN",
         "job":"PRESIDENT",
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":10
      },
      {  
         "empno":7698,
         "ename":"BLAKE",
         "job":"MANAGER",
         "mgr":7839,
         "hiredate":"1981-05-01T00:00:00Z",
         "sal":2850,
         "comm":null,
         "deptno":30
      },
      {  
         "empno":7566,
         "ename":"JONES",
         "job":"MANAGER",
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":20
      },
      {  
         "empno":7902,
         "ename":"FORDIAZ",
         "job":"ANALYST",
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":20
      },
      {  
         "empno":7844,
         "ename":"TURNER",
         "job":"SALESMAN",
         "mgr":7698,
         "hiredate":"1981-09-08T00:00:00Z",
         "sal":1500,
         "comm":0,
         "deptno":30
      },
      {  
         "empno":666,
         "ename":"Damian",
         "job":null,
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":null
      },
      {  
         "empno":8220,
         "ename":null,
         "job":null,
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":null
      },
      {  
         "empno":8221,
         "ename":null,
         "job":null,
         "mgr":null,
         "hiredate":null,
         "sal":null,
         "comm":null,
         "deptno":null
      }
   ],
   "hasMore":false,
   "limit":0,
   "offset":0,
   "count":10,
   "links":[  
      {  
         "rel":"self",
         "href":"https://apex.oracle.com/pls/apex/oraclejet/emp/"
      },
      {  
         "rel":"edit",
         "href":"https://apex.oracle.com/pls/apex/oraclejet/emp/"
      },
      {  
         "rel":"describedby",
         "href":"https://apex.oracle.com/pls/apex/oraclejet/metadata-catalog/emp/"
      }
   ]
}

---

现在我只想分割这些数据，我需要将其显示为HTML表格格式。如何实现这一点？

您可以创建一个

appendToTable（）

函数，该函数将使用正确的数据创建新行，然后将新创建的元素追加到表中

然后，您可以遍历rest响应中包含的所有数据，并使用函数将行逐个追加到表中

下面是一个简短的片段，让我们大致了解一下这是如何工作的：

const数据={
“项目”：[{
“empno”：8240，
“ename”：空，
“作业”：空，
“经理”：空，
“hiredate”：空，
“sal”：空，
“通信”：空，
“deptno”：空
},
{
“empno”：8241，
“ename”：空，
“作业”：空，
“经理”：空，
“hiredate”：空，
“sal”：空，
“通信”：空，
“deptno”：空
},
{
“empno”：8221，
“ename”：空，
“作业”：空，
“经理”：空，
“hiredate”：空，
“sal”：空，
“通信”：空，
“deptno”：空
}
]
}
let appendToTable=函数（empno、ename、job）{
let table=document.querySelector（'.dataTable'）；
让newRow=document.createElement（'tr'）；
newRow.innerHTML=`
${empno}
${ename}
${job}
`;
表.appendChild（新行）
返回纽罗
}
对于（让数据项。项）{
可追加表（item.empno、item.ename、item.job）
}

埃姆诺
艾娜
工作

欢迎来到Stackoverflow。请阅读。请添加到目前为止您已经尝试过的内容，实际上我正在使用Oracle JET，其中我需要将json显示为html表。。。我一直在关注这个JSFIDLE链接，但对我来说，它不能正常工作。现在在我的表中，它可以正常工作了，我需要添加一个额外的列来显示图像。如何使用javascript实现这一点？