Javascript 如何将JSON数据放入HTML表中？

我正在使用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来实现这一点？

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

如果您有一个包含JSON格式数据的字符串，如下所示：

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

var jsonData = JSON.parse(jsonStringData);

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

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

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

var jsonData = JSON.parse(jsonStringData);

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

然后循环浏览数据并按如下方式填写表格：

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

var jsonData = JSON.parse(jsonStringData);

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

for（var i=0；i

---

我给你举了一个例子。希望这有助于澄清我的建议，并帮助您实现所需操作。

您的表格模板中是否已经有html代码？尝试更具体地检查一下：您可能可以循环浏览JSON数据并将表行（“”）添加到HTML表中，但正如@ArthurCantarela所说。。。如果您已经有代码，请发布它，以便我们可以帮助…@Ph0b0x如何循环字符串？一个字一个字？你知道“JSON”是一个字符串，对吗？您还知道，如果解码JSON编码的数据，最终会得到实际的本机数据（对象、数组、字符串、数字、布尔值）？您可以使用JSON.parse（）这里有一个使用@Jkan282 API调用的示例：