javascript - 从 json 获取数据并用作链接

Question

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
    }

Answer 1

HTML：

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

JS：

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

Answer 2

您可以执行以下操作：

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。

Answer 3

根据锚点是否已经存在或需要创建，您可以使用：

    //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);

Answer 4

我不确定您是要求通过链接触发 getJSON 还是使用响应来构建锚标记。如果您的意思是后者，您使用的是 jquery，为什么不直接使用它来构建链接呢？

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

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