使用jQuery读取JSON文件
嘿我正试图用jQuery从JSON文件中读取数据。 这是我的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页面时,我在控制台中看不到任何内容。
在每个对象后添加逗号,然后用[]
包装它们并用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); })
{"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"} ]}
符合您的明显要求。
但打开控制台来查看错误会解决这个问题。