javascript - 从数据构建类似表格的结构

Question

有没有办法从网站上的数据集动态构建类似表格的结构(在 JavaScript 中)？

在伪代码中，类似于:

 function pseudo(dataset) {
    <table>
    <th>dataset.name, dataset.id</th>
    foreach dataset.schedular.array as a {
     <tr><td>a.start_time</td><td>a.end_time</td><td>a.client.name</td></tr>
    }
    </table>
 }

并执行如下:

 <div>
 <script>pseudo(json[employee[0]]);</script>
 </div>

在 php 中，我使用 smarty-templates 将数据“填充”到类似的掩码中，现在我需要在 javascript 中使用类似的东西。 jquery 小部件或插件是我正在寻找的吗？我在哪里可以找到有用的教程或书籍？

Answer 1

您的html页面:

<div id="dataToDisplay"></div>    

您的 JavaScript 函数:

function pseudo(dataset) {
var tableContents = "<table>";
tableContents = tableContents+ "<th>"+dataset.name, dataset.id+"</th>";

foreach dataset.schedular.array as a {
 tableContents  =tableContents + "<tr><td>"+a.start_time+"</td><td>"+a.end_time+"</td><td>"+a.client.name+"</td></tr>";
}
tableContents = tableContents + "</table>";
document.getElementById("dataToDisplay").innerHTML = tableContents;
 }