JSON数据到JavaScript数组
[英]Json data into javascript array
问题描述
var test=[];
$(document).ready(function(){
$.getJSON("data.json",function(data){
$.each(data,function(key,value){
test.push(value.topic);
});
});
});
这是我的javacript代码。 我想以键为主题推送json对象的所有值。 但是，当我尝试访问test [i]（我是数组长度内的任何整数）时，出现错误“ undefined”。 我在想什么？
这是我的json对象样本-
[
{
"topic": "Books",
"quantity": 3
},
{
"topic": "Grossery",
"quantity": 3
},
{
"topic": "stationery",
"quantity": 3
},
{
"topic": "food",
"quantity": 2
},
{
"topic": "market items",
"quantity": 3
}
]
2 个解决方案
解决方案1
1 2018-05-02 12:18:12
请参阅以下工作代码：
var data = [ { "topic": "Books", "quantity": 3 }, { "topic": "Grossery", "quantity": 3 }, { "topic": "stationery", "quantity": 3 }, { "topic": "food", "quantity": 2 }, { "topic": "market items", "quantity": 3 } ] var test = []; $.each(data,(i,v) => test.push(v.topic)); console.log(test);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
解决方案2
0 已采纳 2018-05-02 12:28:19
您的代码对我来说似乎很好。
您是否正在执行传递给getJson的回调之前访问数据？
这是一个示例示例，如果我使用python3 -m http.server 8080在本地提供服务，则该示例有效：
<html>
<head>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
var test=[];
$(document).ready(function(){
$.getJSON("data.json",function(data){
$.each(data,function(key,value){
test.push(value.topic);
});
// only use test array after data has been loaded
doWork();
});
});
function doWork() {
$('#output').text(
test + ' ' + test[0]
);
}
</script>
</head>
<body>
<div id="output"></div>
</body>
</html>
Javascript:Json 数组数据未定义
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.