使用Wordpress页面调用API Ajax

时间:2015-01-19 20:01:40

标签: php jquery ajax wordpress api

原谅我 - 我不是专家开发人员,但我正在尝试使用他们的API平台将Seatgeek数据提取到我的网站。我找到了简单的代码,它基本上让我得到了我需要的东西 - http://jsfiddle.net/wgxMH/2/

所以我拿了javascript,放入扩展名为.js的文件(代码如下)

$.ajax({
// You need to use the callback param for JSONP support so that this works across sites
 url: 'http://api.seatgeek.com/2/events?q=boston-celtics&callback=fireEvent',
success: function(data) {
var events = [];

// Make your html for the events table
$.each(data.events, function (i, evt) {
  events.push([
    '<tr>',
      '<td>' + evt.datetime_local.split('T', 1).join("") + '</td>',
      '<td><a href="' + evt.url + '">' + evt.title + '</a><br />' + evt.venue.name + '</td>',
      '<td><a href="' + evt.url + '" class="btn">Buy Tickets</a></td>',
    '</tr>'
  ].join("\n"));
});
console.log(events);

$(".events").append(events.join("\n"));
  },
  dataType: 'jsonp'
  });

然后我在我需要它的页面的头部调用了JS。

但是我知道有些东西是为了在我的实际页面上找到它(因为它不起作用)但是我不确定如何让它工作。

我试过了。

<table class="events table table-bordered table-striped table-hover">

<script>
(data)();
</script>

 </table> 

但不行。我甚至关闭了吗?

0 个答案:

没有答案