如何在没有键的情况下在jquery中绑定json数据答案

【问题标题】：How to bind json data in jquery without key如何在没有键的情况下在jquery中绑定json数据
【发布时间】：2018-03-01 09:45:33
【问题描述】：

如何在表中追加数据...enter image description here

0
:
{createdBy: 1, UserName: "Anita Wilkins", 2018-02-01: "N/A", 2018-02-02: "N/A", 2018-02-03: "N/A", …}
1
:
{createdBy: 2, UserName: "Genson", 2018-02-01: "N/A", 2018-02-02: "N/A", 2018-02-03: "N/A", …}
length
:
2

__proto__
:
Array(0)

【问题讨论】：

请使用Tour 并阅读How to Ask。然后回来编辑你的问题。目前还不清楚，也太宽泛了。
你必须给我们一个更清楚的解释你的问题，你想要什么或问题是什么并不明显。另外，如果您在谈论 JSON，请显示一些实际的 JSON，以上不是 JSON。

标签： jquery asp.net-mvc asp.net-mvc-4

【解决方案1】：

您试图在不知道密钥的情况下迭代数组。以下解决方案将为您完成。

<html>
<body>
    <div id="showData"></div>
</body>
<script>
    var tableData = [{
            "createdBy": 1,
            "UserName": "Anita Wilkins",
            "2018-02-01": "N/A",
            "2018-02-02": "N/A",
            "2018-02-03": "N/A"
        },
        {
            "createdBy": 2,
            "UserName": "Genson",
            "2018-02-01": "N/A",
            "2018-02-02": "N/A",
            "2018-02-03": "N/A"
        }
    ]

    // EXTRACT VALUE FOR HTML HEADER. 
    // ('createdBy', 'UserName', '2018-02-01', '2018-02-02' and 2018-02-03)
    var col = [];
    for (var i = 0; i < tableData.length; i++) {
        for (var key in tableData[i]) {
            if (col.indexOf(key) === -1) {
                col.push(key);
            }
        }
    }

    // CREATE DYNAMIC TABLE.
    var table = document.createElement("table");

    // CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE.

    var tr = table.insertRow(-1); // TABLE ROW.

    for (var i = 0; i < col.length; i++) {
        var th = document.createElement("th"); // TABLE HEADER.
        th.innerHTML = col[i];
        tr.appendChild(th);
    }

    // ADD JSON DATA TO THE TABLE AS ROWS.
    for (var i = 0; i < tableData.length; i++) {

        tr = table.insertRow(-1);

        for (var j = 0; j < col.length; j++) {
            var tabCell = tr.insertCell(-1);
            tabCell.innerHTML = tableData[i][col[j]];
        }
    }

    // FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
    var divContainer = document.getElementById("showData");
    divContainer.innerHTML = "";
    divContainer.appendChild(table);
</script>

</html>

【讨论】：