jQueryの関数 load()で、対象オブジェクトのコンテンツを更新することができます。
loadするのはgetdate.phpとします。getdate.phpの中身は以下のとおりです。
<?php $now = date("Y/m/d H:i:s"); echo($now); ?>loadは以下のように記述します。
$.ajaxSetup({ cache: false }); $("#clock").load("getdate.php");キャッシュを見ないようにcacheをfalseに設定します。これがtrueだとgetdate.phpの出力結果が変わってもキャッシュを見るため、反映されません。
<script type="text/javascript"> $.ajaxSetup({ cache: false }); function a(){ $("#time").load("getdate.php?a=1"); } </script> <input type="button" name="ボタン" onclick="a();" />loadでGETで実行するには?a=1というようにパラメータを渡せばGETになりますが、loadでPOSTで実行するには以下のように記述します。
function b(data) { $("#bbb").load("getdate.php", { a:1, b:"test" }); }