我对JSON不熟悉。
最近我在进行有关HTML、JSON和jQuery的项目。现在想要实现的是从JSON文件中获取数据并加载到表格中,但是数据没有加载到我的表格中。
我的JSON文件为contact.json
{
"length": 2,
"info": [
{
"name":"Sam",
"email":"fred@server.com",
"phone":"789456235"
},
{
"name":"Fred",
"email":"fred@server.com",
"phone":"125689564"
}
]
}
我用来加载数据的脚本:
window.onload = function () {
var contacts;
setTimeout(function(){ //pass it an anonymous function that calls foo
loadData("contact");
},2000);
};
function loadData(myfile){
$.getJSON( myfile + ".json", function(data){
console.log(data)
$.each(data, function(index, element){
$.each(element, function(i, item){
$('#contacts').append('<tr><td>' + item.name + '</td><td>'+ item.email +'</td><td>' + item.phone + '</td><td>');
});
});
});
}
我的HTML
<body>
<div id="tt" class="easyui-tabs" style="width:400px;height:250px;">
<div title="Home">
<table id='contacts'></table>
</div>
</div>
我从创建JSON数据的联系人表中复制了整个内容。
这是错误信息。
TypeError: j is undefined
http://code.jquery.com/jquery-1.4.4.min.js
Line 32
我在控制台中获取了对象,但数据没有加载。我该怎么解决这个问题?
$.parseJSON("../data/" + myfile + ".json");
解析 JSON 字符串以返回一个对象;它不会从你的 JSON 文件中获取数据。为此,你需要使用$.getJSON("../data/" + myfile + ".json", function(data){ //在这里解析 JSON })
。 - kayen