jQueryでページの一部をリロードさせる。
一発表示するだけのページを定期監視する為のスクリプト。
<html>
<head>
<meta http-equiv=’Content-Type’ content=’text/html; charset=UTF-8′>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript">
<!–
$(document).ready(function(){
var loading = setInterval(reload, <?php echo("$_GET[‘interval’]"); ?>*1000);
function reload(){
$("#loading").html("now loading…");
$.get("<?php echo("$_GET[‘url’]"); ?>", {}, function(page){
$(‘#page’).html(page);
$("#loading").html(" ");
});
}
reload();
});
// –>
</script>
</head>
<body>
<span id="loading"> </span>
<hr>
<div id="page"></div>
</body>
</html>
PHPファイルとして保存して、http://hoge.tld/file.php?url=/log.txt&interval=30 みたいにリクエストすれば、/log.txtを30秒ごとに更新表示できる。
(1391)