Как получить данные с помощью вызова Ajax rest из API на моем HTML-сайте - PullRequest
Новая
       23

Как получить данные с помощью вызова Ajax rest из API на моем HTML-сайте

0 голосов
/ 07 мая 2019

Я пытаюсь создать приложение с Javascript, где я получаю статистику по футболу / футболу с football-data.org и помещаю нужную информацию на мою HTML-страницу.

Я пытался получить информацию, однако я не знаю, как мне получить ее с помощью вызова AJAX. 

$(function (){

    var $players = $('#players');
    $.ajax({
  headers: { 'X-Auth-Token': 'MYAPITOKEN....' }, 

  type: 'GET',
  url: 'https://api.football-data.org/v2/competitions/PD/scorers',
  dataType: 'json',
  success: function(players) {
    $.each(players, function(i, player){
       $players.append('<li>name: '+ player[3] +', position: '+player.nationality+'</li>');
       });
  }
   });

});

Однако я хочу увидеть имя и положение игрокаЯ получаю это на своей html-странице как:

имя: не определено, позиция: не определено

имя: не определено, позиция: не определено

имя: не определено, позиция: не определено

имя: не определено, позиция: не определено

имя: [объект Объект], положение: не определено

Вот что говорит журнал: Консольный журнал вызова API

1 Ответ

0 голосов
/ 08 мая 2019

Чем вам нужно что-то вроде этого: 

$(function (){

  var $players = $('#players');
  $.ajax({
    headers: { 'X-Auth-Token': 'MYAPITOKEN....' }, 
    type: 'GET',
    url: 'https://api.football-data.org/v2/competitions/PD/scorers',
    dataType: 'json',
    success: function(response) {
      $.each(response.scorers, function(i, scorer){
        $players.append('<li>name: '+ scorer.player.name +', position: '+scorer.player.nationality+'</li>');
      });
    }
  });

});

У них есть действительно хорошая документация и пример ответа на их сайте (однако ответ не полный, но с помощью console.log(); вы можете найти недостающую структуру): https://www.football -data.org / documents / quickstart .

Кстати, почему вы пишете национальность в качестве должности?

...