获取一个在表格中工作的按钮来自JSON Href

时间:2015-01-23 17:13:39

标签: javascript jquery html ajax json

    <table class="pull-left table table-fill">
  <thead>
  <tr>
    <th class="table-hover">Name</th>
    <th class="table-hover">Price</th>

</tr>
</thead>
</table>


</body>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script>

      $.ajax({
          type: 'GET',
          crossDomain: true,
          dataType: 'jsonp',
          url: 'api link here',
          success: function (json) {
               //var json = $.parseJSON(data);
               for(var i =0;i < json.results.collection1.length;i++) {
                 var title = json.results.collection1[i].EventsUK.text;
                 var href = json.results.collection1[i].EventsUK.href;
             $("table").append("<tbody><tr><td>"+title+"</td><td>"+href+"</td></tr></tbody>");
           }
     },
     error: function(error){
          console.log(error);
     }
   });
</script>

我从网站收到了href。我如何将href变成按钮链接?要显示在同一个地方(表格。我已经尝试将所有按钮命令添加到没有工作的代码中,我也尝试将其添加到href和前面的加号中。

萨姆

1 个答案:

答案 0 :(得分:1)

链接在HTML中自行解决。您需要使用<a>标记。它非常脏,但鉴于您的代码,最快的方法是将append更改为

$("table").append(""
    + "<tbody>"
    + "<tr>"
    + "<td>" + title + "</td>"
    + "<td><a href=" + href + ">" + href + "</a></td>"
    + "</td>"
    + "</tr>"
    + "</tbody>"
);

......虽然我没有得到表格的含义。