从json获取数据并用作链接

时间:2012-12-24 02:46:01

标签: javascript html

data.query.results.item[0].link会返回一个链接。现在有没有办法将其用作<a></a>标签内的链接?

var url = 'http://query.yahooapis.com/v1/public/yql?q=select%20*from%20feed%20where%20url%3D%22http%3A%2F%2Fwww.amaderbarisal.com%2Ffeed%22&format=json&diagnostics=true&callback?';
$.getJSON(url,function(data){

     data.query.results.item[0].link
    }

4 个答案:

答案 0 :(得分:2)

HTML:

<a id="somelink" href="#">click here</a>

JS:

$.getJSON(url,function(data){
   $("#somelink").attr('href', data.query.results.item[0].link);
}    

答案 1 :(得分:0)

您可以执行以下操作:

var url = 'http://query.yahooapis.com/v1/public/yql?q=select%20*from%20feed%20where%20url%3D%22http%3A%2F%2Fwww.amaderbarisal.com%2Ffeed%22&format=json&diagnostics=true&callback?';
$.getJSON(url,function(data){
  var a = $('<a>').attr('href', data.query.results.item[0].link);
  $('#content').append(a);
}

这会附加一个ID为“content”的div的链接。

答案 2 :(得分:0)

根据Anchor是否已存在或需要创建,您可以使用:

    //already exist
    document.getElementById("somea").href="http://mysite.com";
    document.getElementById("somea").innerHTML="text of the link";

    //create one
    var myA=document.createElement("a");
    myA.innerHTML="text of the link";
    myA.href="http://mysite.com";
    document.getElementById("somediv").appendChild(myA);

答案 3 :(得分:0)

我不确定您是要求使用链接触发getJSON还是使用响应来构建锚标记。如果你的意思是后者你正在使用jquery,为什么不用它来构建链接?

$('<a>',{
   text: 'Text',
   title: 'Blah',
   href: data.query.results.item[0].link,
   click: nil }
}).appendTo('body');

注意:以上代码未经测试。

相关问题