Question

我正在使用API来获取项目的数据，并希望在HTML表中使用它。 API调用：

 $.ajax({
headers: { 'X-Auth-Token': '0930de7050d349ceae279be6fabdacd1' },
url: 'http://api.football-data.org/v1/competitions/445/leagueTable',
dataType: 'json',
type: 'GET',
}).done(function(response) {
// do something with the response, e.g. isolate the id of a linked resource
var leagueTable = response['standing']
console.log(leagueTable);
});

数据存储在变量leagueTable中。我想使用数据来显示一个表，其中包含从API调用中收到的信息。我如何使用Javascript来执行此操作？

Answer 1

@Mörre这里是我试图建议的方法的更详细的答案。

如果你有一个包含JSON格式数据的字符串，就像这样：

var jsonStringData = '[{ "Name":"John","LName":"Doe","Occupation":"Henchman" },{ "Name":"Jane","LName":"Doe","Occupation":"Priest" }, { "Name":"Steve","LName":"Rogers","Occupation":"Captain" }]';

然后您可以使用JSON.parse（）将该字符串转换为JSON对象：

var jsonData = JSON.parse(jsonStringData);

然后遍历数据并填充表格，如下所示：

for (var i = 0; i < jsonData.length; i++) {
    //Insert data into HTML table here...
}

我为你做了一个JS Fiddle的例子here。希望这有助于澄清我的建议并帮助您实现您的目标。

如何将JSON数据放入HTML表？

1 个答案: