我是 jQuery 和 JavaScript 的新手,所以请多多包涵。我正在尝试执行 AJAX 获取请求以检索包含跟踪信息的 JSON 文件,其格式如下:
[
{
"name" : "Short Skirt, Long Jacket",
"artist" : "Cake",
"album" : "Comfort Eagle",
"genre" : "Rock",
"year" : 2001,
"albumCoverURL" : "images/ComfortEagle.jpg",
"bandWebsiteURL" : "http://www.cakemusic.com"
},
{
...
}
]
我正在尝试使用这两个功能来做到这一点:
function loadJSON ()
{
$.getJSON("lab4.json", updateHTML(result));
}
$(document).ready(function ()
{
$("site").click(function ()
{
loadJSON();
});
});
当用户单击 ID 为“站点”的链接时,我想发送一个异步 javascript 调用来检索我的 JSON 文件。成功后,它应该在这里调用我的 updateHTML 函数:
function updateHTML (result)
{
var templateNode = document.getElementById("song-template").cloneNode(true);
document.removeChild(getElementById("song-template"));
$.each(result, function(i, song)
{
var songNode = templateNode.cloneNode(true);
});
}
现在,这就是我卡住的地方:现在我有了这个克隆的节点,我如何使用 jQuery 在这里填写 HTML 中的所有字段:
<a id="site" href="#"><img id="coverart" src="noalbum.png" /></a>
<h1 id="title"></h1>
<h2 id="artist"></h2>
<h2 id="album"></h2>
<p id="date"></p>
<ul id="genres"></ul>
通常,我会这样:
$("site").attr("src","images/ComfortEagle.jpg");
但现在我面临两个问题。一,如何从我作为“歌曲”读入的 JSON 对象中获取新的 url,以及二,如何在我将其添加回文档的 html 之前克隆节点内的“站点”ID ? 谢谢!