JSON+Javascript/jQuery如何从json文件导入数据并对其进行解析？
JSON+Javascript/jQuery如何从json文件导入数据并对其进行解析？
提问于 2012-05-07 23:23:35
如果我有一个名为JSON names.json的文件，那么：
{"employees":[
{"firstName":"Anna","lastName":"Meyers"},
{"firstName":"Betty","lastName":"Layers"},
{"firstName":"Carl","lastName":"Louis"},
]}如何在javascript中使用它的内容？
回答 7
Stack Overflow用户
回答已采纳
发布于 2012-05-07 23:45:37
如何这样做的一个例子可以是：
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$.getJSON('names.json',function(data){
console.log('success');
$.each(data.employees,function(i,emp){
$('ul').append('<li>'+emp.firstName+' '+emp.lastName+'</li>');
});
}).error(function(){
console.log('error');
});
});
</script>
</head>
<body>
<ul></ul>
</body>
</html>Stack Overflow用户
发布于 2015-04-02 16:10:35
您只需在HTML中包含一个Javascript文件，将JSON对象声明为变量。然后，您可以使用data.employees从全局Javascript范围访问JSON数据。
index.html：
<html>
<head>
</head>
<body>
<script src="data.js"></script>
</body>
</html>data.js：
var data = {
"employees": [{
"firstName": "Anna",
"lastName": "Meyers"
}, {
"firstName": "Betty",
"lastName": "Layers"
}, {
"firstName": "Carl",
"lastName": "Louis"
}]
}Stack Overflow用户
发布于 2012-05-07 23:43:14
您的JSON文件不包含有效的JSON。试一试下面的方法。
{
"employees":
[
{
"firstName": "Anna",
"lastName": "Meyers"
},
{
"firstName": "Betty",
"lastName": "Layers"
},
{
"firstName": "Carl",
"lastName": "Louis"
}
]
}然后，您应该会看到一个响应。查看http://jsonlint.com/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10490473
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号