使用javascript或jquery将JSON数据解析到表中的最佳方法

使用javascript或jquery将JSON数据解析到表中的最佳方法,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我在数据库中存储了一个文档,其中保存了员工本周的日程安排,如下所示: [ { _id: 55c407dc8ce6dfd4103c15db, 'Last, First': { 'Mon 7/27': '10:15a-8:00p', 'Wed 7/29': '10:15a-8:00p', 'Fri 7/31': '10:30a-8:00p' }, 'Doe, John': { 'Tue 7/28': '2:00p-11:

我在数据库中存储了一个文档,其中保存了员工本周的日程安排,如下所示:

[ { _id: 55c407dc8ce6dfd4103c15db,
    'Last, First':
     { 'Mon   7/27': '10:15a-8:00p',
       'Wed   7/29': '10:15a-8:00p',
       'Fri   7/31': '10:30a-8:00p' },
    'Doe, John':
     { 'Tue   7/28': '2:00p-11:30p',
       'Thu   7/30': '8:00a-5:30p',
       'Sat   8/1': '10:15a-8:00p' }]
然后在我的主页上加载:

$(document).ready(function() {
  populateTable();
  ...}

function populateTable() {
$.getJSON('/download/download', function(data) {
 ???
}
get Json非常有效,可以完美地获取文档。但是,我不确定将信息解析为html表的最佳方法。理想情况下,我希望桌子看起来像这样:

              Mon 7/27     Tue 7/28     Wed 7/29     Thu 7/30    Fri 7/31   Sat 8/1   Sun 8/2
Last, First  10:15a-8:00p             10:15a-8:00p
Doe, John                 2:00p-11:30p              8:00a-5:30p          10:15a-8:00p
我想知道在populateTable()函数中执行此操作的最佳方法是什么。我使用jade进行视图,并将表设置为这样,但我想知道附加到它的最佳方式是什么

div.container
  div.content
    #mainTable
       table.table.table-striped
       thead
         tr
div.footer

谢谢

对于
populateTable()
的实现,我将执行以下操作:

  • 看看我需要哪些栏目。可能通过在
    数据中循环遍历每个员工,列出他们工作的所有日期

  • 通过从一个空的
    td
    开始,然后为任何人正在工作的每个日期创建一个
    th
    来创建标题行(在步骤1中创建)

  • 为每个员工创建一行,每天检查JSON中的对象是否有当天的值。如果有,则输出一个带有时间的
    td
    ,否则输出一个空的
    td


  • 这就是我设计
    populateTable()

    的总体方案,您尝试了什么?什么不起作用?只需为每个人创建一行,并将其插入表中: