獲取數據

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