PHPから受け取ったJsonデータをjavascriptを使いHTMLとして表示したい

Question

RSSフィードをPHPで受け取りJsonデータにエンコード、javascript使い、ページ各所にスクリプトをコピペするだけでHTMLとしていつでもどこでも表示できるようにしたいです。

先程もご質問させていただき明確なご回答をいただいたので、そちらを応用しようとしましたが私の能力では１日２日で何とかなるレベルではありません。

今回急いでいることもあり、再度質問させていただきました。
勉強不足で申し訳ございませんが、どなたかお力添えをお願いいたします。

  echo json_encode($entrylist);
  exit;

PHPから出力されたJSON

{
1533231099:{object['1533231099']
site:{object['1533231099']['site']
0:xxxxobject['1533231099']['site']['0']
}
title:{object['1533231099']['title']
0:eeeeeeobject['1533231099']['title']['0']
}
url:{object['1533231099']['url']
0:https://xxxx.com/archives/9383object['1533231099']['url']['0']
}
date:2018/08/03 - 2:31object['1533231099']['date']
image:https://xxxx.com/xxxx.jpgobject['1533231099']['image']
}
1533238360:{object['1533238360']
site:{object['1533238360']['site']
0:xxxxobject['1533238360']['site']['0']
}
title:{object['1533238360']['title']
0:ddddddobject['1533238360']['title']['0']
}
url:{object['1533238360']['url']
0:https://xxxx.com/archives/9387object['1533238360']['url']['0']
}
date:2018/08/03 - 4:32object['1533238360']['date']
image:https://xxxx.com/xxxx.jpgobject['1533238360']['image']
}
1533250631:{object['1533250631']
site:{object['1533250631']['site']
0:xxxxobject['1533250631']['site']['0']
}
title:{object['1533250631']['title']
0:ccccccobject['1533250631']['title']['0']
}
url:{object['1533250631']['url']
0:https://xxxx.com/archives/9391object['1533250631']['url']['0']
}
date:2018/08/03 - 7:57object['1533250631']['date']
image:https://xxxx.com/xxxx.jpgobject['1533250631']['image']
}
1533259816:{object['1533259816']
site:{object['1533259816']['site']
0:xxxxobject['1533259816']['site']['0']
}
title:{object['1533259816']['title']
0:bbbbbbobject['1533259816']['title']['0']
}
url:{object['1533259816']['url']
0:https://xxxx.com/archives/9396object['1533259816']['url']['0']
}
date:2018/08/03 - 10:30object['1533259816']['date']
image:https://xxxx.com/xxxx.jpgobject['1533259816']['image']
}
1533267309:{object['1533267309']
site:{object['1533267309']['site']
0:xxxxobject['1533267309']['site']['0']
}
title:{object['1533267309']['title']
0:aaaaaaobject['1533267309']['title']['0']
}
url:{object['1533267309']['url']
0:https://xxxx.com/archives/9484object['1533267309']['url']['0']
}
date:2018/08/03 - 12:35object['1533267309']['date']
image:https://xxxxxx.com/xxxx.jpgobject['1533267309']['image']
}
}

このようなHTMLを繰り返す形で#listに出力したいです。
今回Jsonに含まれるデータは５個ですが、１０個、２０個など数が増えても
同じように繰り返し表示がされるようにしたいです。

<div class="aaa">
	<div><a href="url" target="_blank"><img src="image" /></a></div>
	<div><a href="url" target="_blank">title</a></div>
 </div>

分からないのはこちらのJsonの処理です。

$(function() {
  $.ajax({
    type: 'GET',
    url: 'list.php',
    dataType:'json',
  }).done(function(data) {
   // ここのJson処理が分かりません
    ul.appendTo('#list');
  }).fail(function(xhr,err){
    console.log(err);
  });
});

よろしくお願いいたします。

Comments

[m.ts10806]

タイトルが同じでは「要件」とは言えないのではないでしょうか。もう少し具体的に要件によったタイトルにしてください。　https://teratail.com/questions/139345

[m.ts10806]

「コピペで動くコードが欲しい」となるとほぼ同じ要件での質問で回答をもらった上で更に丸投げなので回答は見込めませんよ。急いでいるかどうかは見ている人には関係ありません。teratailは課題・宿題・作業の代行サイトではありません。

[m.ts10806]

ついでに言うと、例えコピペで動くコードをもらったとしても、自身が理解していないと「ちょっとここを変えたい(変えて欲しい）」と追加で要件がきたときにどうします？またコピペで動くコードをもらって同じことを繰り返しますか？そのうち回答がつかなくなるのは目に見えています。丸投げなので。時間がかかっても自身が理解できているコードを組んだ方が、長い目で見ると圧倒的に早く確実です。

Answer 1

jsonはajaxで得られているんですか？得られているなら以下の方法を見てHTMLに加工してください。

jQuery $.ajaxで通信を行ってJSONを取得するサンプル

加工できない場合どのような方法でやって出来ないのか質問してください。