$ .getJSON仅适用于Edge浏览器,但不适用于Chrome或IE

时间:2017-08-09 02:51:25

标签: javascript json

我正在尝试使用$ .getJSON从json文件中获取数据。但是,该代码仅适用于Edge浏览器,但不适用于任何其他版本,我根本不知道。请参阅以下代码:

function CreateTableFromJSON(){
$(document).ready(function () {
    $.getJSON("wellness.json", function (data) {

        var cars = new Array("Athlete", "Muscle-Soreness", "Sleep-Quality");

        var arrItems = [];      // THE ARRAY TO STORE JSON ITEMS.
        $.each(data, function (index, value) {
            arrItems.push(value);
        });

        // EXTRACT VALUE FOR TABLE HEADER.
        var col = [];
        for (var i = 0; i < arrItems.length; i++) {
            for (var key in arrItems[i]) {
                if (col.indexOf(key) === -1) {
                    col.push(key);
                }
            }
        }

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

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

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

        for (var i = 0; i < col.length; i++) {

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



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

}

大家好,我正在尝试使用$ .getJSON从json文件中获取数据。但是,该代码仅适用于Edge浏览器,但不适用于任何其他版本,我根本不知道。

0 个答案:

没有答案