从 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
    }

- user1563221

---

请提供一些代码 - Alex Gordon

@Артём Царионов 问题已更新 - user1563221

Answer 1

HTML：

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

JS:

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

- Barmar

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中添加一个链接。

- monsur

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

- HMR

Answer 4

我不确定你是想通过链接触发getJSON还是使用响应来构建锚标签。如果你指的是后者，那么既然你正在使用jQuery，为什么不直接使用它来构建链接呢？

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

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

- Remear