Пополнение таблицы AJAX с помощью кнопок начальной загрузки

Question

Имею базовый HTML. Я добавляю команды НФЛ и их оценки к

 <table id="tablePreview" class="table table-hover table-sm">
  <thead>
  <tr>
  <th>#</th>
  <th>Home Team</th>
  <th>Home Score</th>
  <th>Away Score</th>
  <th>Point Spread</th>
  <th>Button</th>
  </tr>
  </thead>
  <tbody>

У меня есть простая процедура вызова Ajax, которая добавит 10 команд в таблицу.

function displaynflteams(){
var queryURL = "https://api.fantasydata.net/v3/nfl/scores/JSON/GameStatsByWeek/2018/8?key=ad398993c55d46449bde67a4095fef1b"
$.ajax({
url: queryURL,
method: 'GET'
})
.done(function(response) {
var results = response.data; 
if (results == ""){
alert("Seriously? There is nothing here");
}

$(document).ready(function () {
var tr;
for (var i = 0; i < response.length; i++) {
tr = $('<tr/>');
tr.append("<td scope=row>" + i + "</td>");
tr.append("<td>" + results[i].HomeTeam + "</td>");
tr.append("<td>" + results[i].HomeScore + "</td>");
tr.append("<td>" + results[i].AwayScore + "</td>");
tr.append("<td id=odds-1>" + results[i].PointSpread + "</td>");
tr.append("<td id=place-bets-1><button class=btn btn-primary my-2 my-sm-0 id=pick-team-[" + i + "]>Select</button></td>";
$('table').append(tr);
}
});
}

displaynflteams();

По какой-то причине записи не отображаются.Я думаю, что это может быть способ, которым я анализирую свои атрибуты начальной загрузки для кнопок

Answer 1

URL, к которому вы делаете запрос GET, равен TootsieRollURL. Что это не URL, если только он не был изменен для этого поста. Откуда вы пытаетесь получить данные?

Кроме того, если вы изменили URL, чтобы скрыть его, можете ли вы проверить данные ответа из браузера devtools?