JsonをHTMLテーブルにパースしようとしています

-1

さて、私はこれを3日間行ってきましたが、まだこれを理解していません。JsonをHTMLテーブルにパースしようとしています

私はこのAPIからjsonを取得しようとしていて、それをHTMLテーブルに解析しようとしていますが、問題があります。誰でも助けてくれますか、私に正しい方向を教えてください。

これは私がhere

http://census.daybreakgames.com/json/status?game=h1z1

をつかむしようとしているAPIは、ここで私が何をしようとしたコードがありますです。

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script> 

<script> 
    $(function() { 
     var entries = []; 
     var dmJSON = "http://census.daybreakgames.com/json/status?game=h1z1"; 
     $.getJSON(dmJSON, function(data) { 
     $.each(data.entries, function(i, f) { 
     var tblRow = "<tr>" + "<td>" + f + "</td>" + "<td>" + f.region_code + "</td>" + "<td>" + f.title + "</td>" + "<td> " + f.status + "</td>" + "<td>" + f.age + "</td>" + "</tr>" 
    $(tblRow).appendTo("#entrydata tbody"); 
    }); 
    }); 
}); 
</script> 

</head> 
<body> 

<div class="wrapper"> 
<div class="profile"> 
<table id= "entrydata" border="1"> 
<thead> 
    <th>Name</th> 
    <th>Region Code</th> 
    <th>Game</th> 
<th>Server Stauts</th> 
    <th>Time</th> 
</thead> 
    <tbody> 

</tbody> 
</table> 

</div> 
</div> 

</body> 

</html>

出典

2016-08-04 Jamie Duke

すでに試したことをお見せください – DestinatioN

どのようにHTMLに解析していますか？ HTML自体は静的な言語であり、そのようにデータを処理することはできません。 Javaスクリプトを使用して、実行しようとしていることを達成できます。これが役に立っているかどうかを確認する http://stackoverflow.com/questions/17066636/parsing-json-objects-for-html-table – Junaid

ここではより良いヘルプのために努力してください。 – Vickyexpert

あなたのコードのdoesntの仕事は、あなたが定義されていないeach機能のためdata.entriesのparamを入れている主な理由。それはjson APIからの有効なキーを表す必要があります。

apiには2つのメインキーがあります（この例ではLiveとTestです）ので、別のループの中にそれぞれのループを入れなければなりません。次にfではなく、iを使用して名前を取得する必要があります。

var dmJSON = "http://census.daybreakgames.com/json/status?game=h1z1"; 
$.getJSON(dmJSON, function(data) { 
    $.each(data.h1z1, function(i, f) { 
    $.each(f, function(i, f) { 
     var tblRow = "<tr>" + "<td>" + i + "</td>" + "<td>" + f.region_code + "</td>" + "<td>" + f.title + "</td>" + "<td> " + f.status + "</td>" + "<td>" + f.age + "</td>" + "</tr>" 
     $(tblRow).appendTo("#entrydata tbody"); 
    }); 
    }); 
});

出典

2016-08-04 05:27:00

まだ動作しません。何も表示されませんテーブル。 –

JsonをHTMLテーブルにパースしようとしています

答えて

関連する問題