带引导按钮的AJAX表填充

时间:2018-11-11 02:12:35

标签: javascript jquery ajax bootstrap-4

具有基本的HTML,我会将NFL球队及其得分附加到

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

由于某些原因,记录未显示。我认为这可能是我解析按钮的引导程序属性的方式

1 个答案:

答案 0 :(得分:1)

您向GET请求发送的网址是TootsieRollURL。它不是一个URL,除非针对本帖子进行了更改。您要在哪里获取数据?

此外,如果您确实更改了网址以隐藏它,是否可以验证来自浏览器devtools的响应数据?