Javascript 如何从JSON文件中获取数据

我在代码中有一个JSON数据和一个div。我想从JSON文件中获取连接数据到人员更新容器div。我尝试了以下代码。但这是行不通的。请帮助我从JSON文件的连接中获取数据。JSOn数据和人员更新容器文件位于同一个HTML页面中。多谢各位

var feed_json=[{
   
“团队”：[{“总数”：“32”}，
“计数”：“10”，
“url”：”
                    },
{“id”：“id2”，
“名称”：“第2组”，
“计数”：“55”，
“url”：”
        }        
     
     ],
     
'连接'：[{'total_count'：'110'}，
                    
{“id”：“id1”，
“姓名”：“八卦帮”，
“计数”：“20”，
“url”：”
                   },
{“id”：“id2”，
“姓名”：“JEC人”，
“计数”：“90”，
“url”：”
                   }                    
                ]
                
}];
var feedConnections=feed_json.connections；
对于（变量i=0；i

---

ost浏览器支持JSON.parse（），它是在ECMA-262第5版（JS所基于的规范）中定义的。它的用法很简单：

var json = '{"result":true,"count":1}',
    obj = JSON.parse(json);

alert(obj.count);

对于不需要的浏览器，可以使用json2.js实现它

如注释中所述，如果您已经在使用jQuery，则有一个$.parseJSON函数可以映射到JSON.parse（如果可用）或旧浏览器中的一种eval形式。 但是，这会执行附加的、不必要的检查，这些检查也是由JSON.parse执行的，因此，为了获得最佳的全面性能，我建议像这样使用它：

var json = '{"result":true,"count":1}',
    obj = JSON && JSON.parse(json) || $.parseJSON(json);

这将确保您立即使用本机JSON.parse，而不是让jQuery在将字符串传递给本机解析函数之前对其执行健全性检查

---

这段代码是从这个

ost浏览器中导入的，浏览器支持JSON.parse（），它是在ECMA-262第5版（JS基于的规范）中定义的。它的用法很简单：

var json = '{"result":true,"count":1}',
    obj = JSON.parse(json);

alert(obj.count);

对于不需要的浏览器，可以使用json2.js实现它

如注释中所述，如果您已经在使用jQuery，则有一个$.parseJSON函数可以映射到JSON.parse（如果可用）或旧浏览器中的一种eval形式。 但是，这会执行附加的、不必要的检查，这些检查也是由JSON.parse执行的，因此，为了获得最佳的全面性能，我建议像这样使用它：

var json = '{"result":true,"count":1}',
    obj = JSON && JSON.parse(json) || $.parseJSON(json);

这将确保您立即使用本机JSON.parse，而不是让jQuery在将字符串传递给本机解析函数之前对其执行健全性检查

---

此代码是从此导入的

您的Json无效。尝试使用jsonlint.com验证json 这是有效的

{
"teams": [{
        "total_count": "32",
        "count": "10",
        "url": ""
    }, {
        "id": "id2",
        "name": "Group 2",
        "count": "55",
        "url": ""
    }

],

"connections": [{
        "total_count": "110"
    },

    {
        "id": "id1",
        "name": "Gossip Gang",
        "count": "20",
        "url": ""
    }, {
        "id": "id2",
        "name": "JEC Folks",
        "count": "90",
        "url": ""
    }
]

}

---

您的Json无效。尝试使用jsonlint.com验证json 这是有效的

{
"teams": [{
        "total_count": "32",
        "count": "10",
        "url": ""
    }, {
        "id": "id2",
        "name": "Group 2",
        "count": "55",
        "url": ""
    }

],

"connections": [{
        "total_count": "110"
    },

    {
        "id": "id1",
        "name": "Gossip Gang",
        "count": "20",
        "url": ""
    }, {
        "id": "id2",
        "name": "JEC Folks",
        "count": "90",
        "url": ""
    }
]

}

---

这会奏效的。通过添加jquery cdn路径解决jquery错误 问题是json数据有一些错误

var feed\u json={
“团队”：[{
“总计数”：“32”，
“计数”：“10”，
“url”：”
}, {
“id”：“id2”，
“名称”：“第2组”，
“计数”：“55”，
“url”：”
}
],
“联系”：[{
“总计数”：“110”
},
{
“id”：“id1”，
“姓名”：“八卦帮”，
“计数”：“20”，
“url”：”
}, {
“id”：“id2”，
“姓名”：“JEC人”，
“计数”：“90”，
“url”：”
}
]
};
var feedConnections=feed_json.connections；
对于（变量i=0；i

---

这将起作用。通过添加jquery cdn路径解决jquery错误 问题是json数据有一些错误

var feed\u json={
“团队”：[{
“总计数”：“32”，
“计数”：“10”，
“url”：”
}, {
“id”：“id2”，
“名称”：“第2组”，
“计数”：“55”，
“url”：”
}
],
“联系”：[{
“总计数”：“110”
},
{
“id”：“id1”，
“姓名”：“八卦帮”，
“计数”：“20”，
“url”：”
}, {
“id”：“id2”，
“姓名”：“JEC人”，
“计数”：“90”，
“url”：”
}
]
};
var feedConnections=feed_json.connections；
对于（变量i=0；i

---

您可以通过XHR请求获取JSON数据：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        var json_data = JSON.parse(xhttp.responseText);
        var connections = json_data.connections;

        /* Do something with the data */
    }
};
xhttp.open("GET", "/path/to/json/file.json", true);
xhttp.send();

但在将数据格式化为正确的JSON之前，如下所示：

{
    teams: [ ... ],
    connections: [ ... ]
}

---

了解JSON。

您可以通过XHR请求获取JSON数据：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
        var json_data = JSON.parse(xhttp.responseText);
        var connections = json_data.connections;

        /* Do something with the data */
    }
};
xhttp.open("GET", "/path/to/json/file.json", true);
xhttp.send();

但在将数据格式化为正确的JSON之前，如下所示：

{
    teams: [ ... ],
    connections: [ ... ]
}

阅读关于JSON的内容。

删除JSON字符串周围的“[]”不知道我是否是