JSONデータをHTMLテーブルに入れる方法は？

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

@ここでは、私が提案しようとしているアプローチのより詳細な答えを示します。

あなたはちょうどこのような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); 

を その後

データをループし、このようなあなたのテーブルを埋める：私はEXAを入れ

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

あなたのためにJSフィドルをくわえますhere。これが私の提案を明確にし、あなたが何をする必要があるかを達成するのに役立ちます。