Question

我的代码：

file_json.json：

{
    "bio" :
    [
        {
            "id" : "1",
            "name" : "Json"
        },
        {
            "id" : "2",
            "name" : "PHP"
        },
        {
            "id" : "3",
            "name" : "Jquery"
        }
    ]
}

和代码html：

<select id="select1">
    <option value="1">1 | Json</option>
    <option value="2">2 | PHP</option>
    <option value="3">3 | Jquery</option>
</select>

<span id="name"></span>

$(document).ready(function(){
    $('select#select1').on('change', function(event){
        $.getJSON('file_json.json', function(data) {
            console.log(data.bio.name);
        });
    });
});

但在控制台浏览器undefined中，如何解决，因为我厌倦了这段代码...... 谢谢你的帮助

Answer 1

bio是一个数组，因此您需要data.bio[0].name

Answer 2

是Bio是一个数组。

就像这个Bio []。如果需要访问数组数据，则需要索引。

At index 0 : bio[0]
At index 1 : bio[1]

依旧......

所以请使用循环像这样的事情，

for(var i=0;i < bio.length;i++){
   id = bio[i].id;
   name = bio[i].name;
}

从json文件中获取数据

2 个答案: