PHPでJavascriptを書き出しHTMLから読み込む

ブログの新着記事のリストを表示したいけど、そのページではPHPが使えない。ってときに使えます。また外部のブログのRSSを読み込みたい時に使えます。

まず、PHPで最新の投稿記事をブログのRSSから読み込み、動的な内容に合わせてJavascriptを書き出す。そしてHTMLページからJavascriptで呼出し表示します。

<?php
//読み込みたいXMLのパス
$rssurl = "http://qwerty.work/blog/index.xml?".date( "YmdHis", time() );
$rssdata = simplexml_load_file($rssurl);
//表示件数
$num_of_data = 5;
$outdata = "'<ul>'\n";
	for ($i=0; $i<$num_of_data; $i++){
		$pubDate = $rssdata->channel->item[$i]->pubDate;
		$pubDate = date('Y-m-d',strtotime($pubDate));

		$outdata .= "+'<li>'\n";
		$outdata .= "+'<small>". $pubDate . "</small>&nbsp;";
		$outdata .= "<a href=\"";
		$outdata .= $rssdata->channel->item[$i]->link;
		$outdata .= "\">";
		$outdata .= $rssdata->channel->item[$i]->title;
		$outdata .= "</a>'\n";
		$outdata .= "+'</li>'\n";
	}
		$outdata .= "+'</ul>'";
        
//↓これがないと書き出したスクリプトをJavascriptとして認識してもらえない
header("Content-type: application/x-javascript");
echo "document.write($outdata)";
?>

上記を呼び出すと以下の内容のJavascriptが書き出されます。（サンプル）

document.write(''
+''
+'2017-07-23 AMP対応ページでAmazonアソシエイトのバナーの下に謎の空白・余白ができるとき'
+''
+''
+'2017-07-21 不要なDVD/CDを簡単に裁断できる万能ハサミSK11 SST-250を買ってみた。'
+''
+''
+'2017-07-17 WindowsのOSのバージョンやビットでIF文による分岐処理をするバッチファイル'
+''
+''
+'2017-07-17 Windows10の裏技、GodMode（神モード）の呼び出し方・使い方'
+''
+''
+'2017-07-12 IEがクラッシュしたり特定のページが印刷できない不具合を解消するKB4025341（Windows7）'
+''
+'
')

これをHTMLから以下のように読みこんで表示させます。

すると以下のように表示されます。

QWERTY.WORK

PHPでJavascriptを書き出しHTMLから読み込む

関連記事