■依頼概要
自社のwordpressから配信されるRSSを、他サイト、他ブログにJavascriptのコピーペーストだけで表示できるscript(ブログパーツ)を作ろうとしております。
PHPでJSONにエンコード>JavascriptでPHPファイルを取得し、#IDでページの外部サイトの各所にHTMLとして表示したいです。
PHPでJSONにエンコードまではできましたがJavascriptを書くことができません。
こちらのJavascriptを書いていただける方、またホームページ製作にあたって質問などに答えていただける方、いらっしゃいましたらよろしくお願いいたします。
■納品形態
jsファイル
【PHPから出力されるJSON】※今回5記事分のデータですが、最大30記事になる場合があります。
{"1533346242":{"site":{"0":"sitename"},"title":{"0":"title1"},"url":{"0":"https:\/\/xxxx.com\/archives\/1111"},"date":"2018\/08\/04 - 10:30","image":"https:\/\/xxxx.com\/image1.jpg"},"1533341897":{"site":{"0":"sitename"},"title":{"0":"title2"},"url":{"0":"https:\/\/xxxx.com\/archives\/2222"},"date":"2018\/08\/04 - 9:18","image":"https:\/\/xxxx.com\/image2.jpg"},"1533335626":{"site":{"0":"sitename"},"title":{"0":"title3"},"url":{"0":"https:\/\/xxxx.com\/archives\/3333"},"date":"2018\/08\/04 - 7:33","image":"https:\/\/xxxx.com\/image3.jpg"},"1533324848":{"site":{"0":"sitename"},"title":{"0":"\title4"},"url":{"0":"https:\/\/xxxx.com\/archives\/4444"},"date":"2018\/08\/04 - 4:34","image":"https:\/\/xxxx.com\/image4.jpg"},"1533319740":{"site":{"0":"sitename"},"title":{"0":"title5"},"url":{"0":"https:\/\/xxxx.com\/archives\/5555"},"date":"2018\/08\/04 - 3:09","image":"https:\/\/xxxx.com\/image5.jpg"}}
【#IDで表示させたいHTML】
※時間の新しい物が上にくるように表示したいです。
<div class="aaa">
<div><a href="url" target="_blank"><img src="image" /></a></div>
<div><a href="url" target="_blank">title</a></div>
</div>
【実際に書いていただきたいJavascriptの部分】
$(function() {
$.ajax({
type: 'GET',
url: 'list.php',
dataType:'json',
}).done(function(data) {
// ここのJson処理を書いていただきたいです。
ul.appendTo('#ID');
}).fail(function(xhr,err){
console.log(err);
});
});