我最近在HTML,JSON和jQuery上开始了一个演示项目。 我想现在要实现的是从JSON文件中获取数据并将其加载到我的表中。 我是JSON的新手,所以花了我一天的时间,没有将数据加载到我的表中。从JSON数据创建联系表
这里是我的JSON文件, 'contact.json':
{
"length": 2,
"info": [
{
"fullname":"Noob Here",
"email":"[email protected]",
"phone":"123456",
"badgeid": "11111",
},
{
"fullname":"Newbie There",
"email":"[email protected]",
"phone":"589433",
"badgeid": "11112",
}
]
}
我的脚本加载数据:
window.onload = function() {
var contacts;
setTimeout(loadData(contacts, "contact"), 2000);
$(contacts.info).each(function(index, element){
$('#contacts').append('<tr><td>' + element.fullname + '</td><td>'
+ element.email + '</td><td>'
+ element.phone + '</td><td>'
+ element.badgeid + '</td></tr>');
})
};
function loadData(myobject, myfile){
myobject = $.parseJSON("../data/" + myfile + ".json");
};
请注意,我可能想从不同的JSON文件加载,所以loadData在那里有一些修正。否则,它会直接解析JSON文件。
我已经在HTML中声明了'#contact'表。 错误控制台说:
Uncaught SyntaxError: Unexpected token.
jQuery.extend.parseJSONjquery.min.js:442
loadDataHomepage.html:23
window.onload
为什么会出现此错误?我该如何解决这个问题?
+1 - 伟大,整洁,格式良好和详细的问题。 – jmort253 2012-04-10 04:04:57