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"
});
}