你如何使用js将json响应插入<a>xxxx</a>

时间:2012-06-18 03:54:10

标签: javascript jquery html json tumblr

我正在尝试在我的tumblr帖子中实现一个“最新的”小部件。到目前为止,我已经能够使用json从这篇文章中获取前5个最新帖子(http://stackoverflow.com/questions/5617378/how-to-display-a-link-to-my-latest-tumblr -post-使用JavaScript的)。我想知道如何将{title}插入到xxx中,以便链接显示最近帖子的标题。

我想我需要使用.append或.html,但我不知道该怎么做。有人可以帮我吗。

javscript:

$.getJSON('http://brianjsmith.tumblr.com/api/read/json?callback=?',
function(response) {
   $('#myLink').attr('href',response.posts[0].title);
});

HTML:

<a id=#myLink>Most recent post {title}</a>

2 个答案:

答案 0 :(得分:2)

$('#myLink').attr('href',response.posts[0].url).text(response.posts[0].title);

更新 的 检查响应后,没有title属性,只有regular-title

$('#myLink').attr('href',response.posts[0].url).text(response.posts[0]['regular-title']);

答案 1 :(得分:0)

$("#myLink").html('Most recent post' + response.posts[0].title)