使用jQuery閱讀JSON文件

Question

嘿，我試圖從JSON文件中用jQuery讀取數據。這是我的JS：

$(document).ready(function() { 
    var myItems; 

    $.getJSON('testData.json', function(data) { 
     myItems = data.items; 
     console.log(myItems); 
    }); 
}); 

這是JSON文件：

{"fname":"rafael","lname":"marques","age":"19"} 
{"fname":"daniel","lname":"marques","age":"19"} 

當我在瀏覽器中打開我的HTML網頁我什麼也看不到在控制檯中。

Answer 1

添加逗號每個對象後，與[]然後包裝並在JSON文件與財產items對象封閉他們，所以它看起來像

{ 
    items: [ 
    { 
     "fname": "rafael", 
     "lname": "marques", 
     "age": "19"}, 
    { 
     "fname": "daniel", 
     "lname": "marques", 
     "age": "19" 
    }] 
} 

，那麼你應該嘗試

$.each(data.items, function(key, val) { 
    alert(val.fname); 
    alert(val.lname); 
}) 

Answer 2

{"fname":"rafael","lname":"marques","age":"19"} 
{"fname":"daniel","lname":"marques","age":"19"} 

不是一個正確的json文件。在行之間添加一個逗號或使其類似於：

{items:[ 
    {"fname":"rafael","lname":"marques","age":"19"}, 
    {"fname":"daniel","lname":"marques","age":"19"} 
]} 

符合您的明顯要求。

但打開控制檯查看錯誤將解決此問題。