获取数据

Question

我的代码：

1. 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

是生物是一个数组。

这是这样的生物[]。 如果您需要访问数组数据，索引将是必需的。

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; 
}