JSONオブジェクトを表示する前に対話する

Question

こんにちはスタックオーバーフローコミュニティ 私は今この時点で固執していますが、それを解決しようと多くの投稿を行ったとしてもまだ取得できませんJSONを自分のHTML上に表示するためには、私の場合には最良の方法があります。

のXMLHttpRequest

経由まず、私のJSONは、様々な長さの文字列で、私のPHPコードで送信し、JSで受信

var return_data = xhr.responseText; 

JSON形式の例：私は単に私を表示するには、管理

"output":[ 
{ 
    "id":"13", 
    "titre":"assiette servite xxx", 
    "format":"dat", 
    "date":"2016-09-10", 
    "source":"DDT 68", 
    "description":"exemple" 
}, 
{ 
    "id":"16", 
    "titre":"releve pollution atmospherique", 
    "format":"shp", 
    "date":"2014-01-05", 
    "source":"agence qualite de l air", 
    "description":"exemple" 
}, 

JSON文字列：

document.getElementById("status").innerHTML = return_data; 

ただし、ここではスタイルを設定するためにループします私のHTMLに送ってください。私は文字列を解析する必要がある（例えばHow do I iterate through this JSON object in jQuery?）成功 なし

の異なるループの多くを試してみた：

var jay = JSON.parse(return_data); 

しかし、私はまだ異なるエンティティおよびディスプレイで動作するように管理していません私のHTML

<div id="status"></div> 

ID 1

タイター 形式で例えば日付

ID 2

私がやっている私はまだその間に多分誰かが私を与えることができることを期待してヒントや説明、それに取り組んやテストを作ってるんだ

日付形式 力価違う。失敗したテストの

例：

for(var i=0; i < jay.length; i++) 
{ 
    var add = jay[i]['titre']; 
} 
document.getElementById("status").innerHTML = add; 

乾杯。

Answer 1

あなたがサーバーからJSONをラップする2つのブラケットを追加する必要があり、それが正しいJSON形式ではありません、これは次のとおりです。

{ "output":[ 
     { 
     "id":"13", 
     "titre":"assiette servite xxx", 
     "format":"dat", 
     "date":"2016-09-10", 
     "source":"DDT 68", 
     "description":"exemple" 
     }, 
     { 
     "id":"16", 
     "titre":"releve pollution atmospherique", 
     "format":"shp", 
     "date":"2014-01-05", 
     "source":"agence qualite de l air", 
     "description":"exemple" 
     }, 
    } 

そして、あなたは、ループ内で出力レベルを追加する必要があります。

for(var i=0; i < jay.output.length; i++) 
{ 
    var add = jay.output[i]['titre']; 
} 

歓声

EDIT

var add = []; 
    for(var i=0; i < jay.output.length; i++) 
     { 
      add.push(jay.output[i]['titre']); 
     } 
    document.getElementById("status").innerHTML = add.join(', '); 

これは、すべての要素をコンマで区切って表示します。

乾杯

Answer 2

アレイを使用すると、地図（）

document.getElementById("status").innerHTML = jay.output.map(function(obj){ 
    return obj.titre; 
}).join(', '); 

[アクセス/プロセス（ネストされた）オブジェクト、配列やJSON（の