ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文
PHP の出力を JavaScript として埋め込む ( No.4 )
日時: 2007/09/16 15:25
名前: lightbox



JavaScript タグの src 属性は、他サイトにアクセス可能なので、
HTML から単純にデータを埋め込む事が可能です。

※ 方法としてもうすこし複雑にしたのが Ajaxですが、Ajax では他サイトのデータを取得できません。


  PHP 側
<?
header( "Content-Type: text/javascript; Charset=shift_jis" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );

$ver = phpversion();
print "document.write( '$ver' );";

?>
  HTML 側
<TABLE cellspacing="1" style='background-color:white' cellpadding="5">
<TR>
	<TD></TD>
	<TD>SAKURA</TD>
	<TD>Lacoocan</TD>
	<TD>ABC オロチ</TD>
	<TD>旧 land</TD>
	<TD>新 land</TD>
	<TD>jmj</TD>
</TR>
<TR>
	<TD>PHP</TD>
	<TD>

<SCRIPT language="javascript" type="text/javascript" src="http://winofsql.jp/ver.php"> </SCRIPT>
</TD> <TD> <SCRIPT language="javascript" type="text/javascript" src="http://lightbox.on.coocan.jp/ver.php"> </SCRIPT> </TD> <TD>4.4.1</TD> <TD>4.4.2</TD> <TD>5.2.3</TD> <TD>4.3.9</TD> </TR> <TR> <TD>php.ini</TD> <TD>○</TD> <TD>×</TD> <TD>×</TD> <TD>×</TD> <TD>○</TD> <TD>×<br>.htaccess可</TD> </TR> </TABLE>
  以下は 非同期の Ajax です。自サイトの PHP を呼び出しています
<?
header( "Content-Type: text/javascript; Charset=shift_jis" );
header( "Expires: Wed, 31 May 2000 14:59:58 GMT" );

if ( $_GET['target'] == 'lacoocan' ) {
	print phpversion() . " です";
}

?>
<SCRIPT 
	language="javascript"
	type="text/javascript">

function getVer(target) {
     var a = new Ajax.Request(   
         "get_ver.php",   
        {   
            method: "get",
            asynchronous: true,
            encoding : "SHIFT_JIS",
            parameters: { "target" : target },
            onSuccess: function(request) {
            },
            onComplete: function(request) {
                $("lacoocan").innerHTML = request.responseText;
            },
            onFailure: function(request) {
                alert('読み込みに失敗しました');
            }
        }
    );
}

window.onload = function loaded_action() {
	getVer("lacoocan");
}

</SCRIPT>

</HEAD>

<BODY>
<TABLE cellspacing="1" style='background-color:white' cellpadding="5">
<TR>
	<TD></TD>
	<TD>SAKURA</TD>
	<TD>Lacoocan</TD>
	<TD>ABC オロチ</TD>
	<TD>旧 land</TD>
	<TD>新 land</TD>
	<TD>jmj</TD>
</TR>
<TR>
	<TD>PHP</TD>
	<TD>
		<SCRIPT 
			language="javascript"
			type="text/javascript"
			src="http://winofsql.jp/ver.php">
		</SCRIPT>
	</TD>
	<TD id=lacoocan>
	</TD>
	<TD>4.4.1</TD>
	<TD>4.4.2</TD>
	<TD>5.2.3</TD>
	<TD>4.3.9</TD>
</TR>
実行サンプル