新年第一天,在众多聚聚的指导下学会了ajax的简单应用,通过jquery实现页面部分数据的动态刷新,demo如下。
<!doctype html>
<html>
<header>
<script type=”text/javascript” src=”js/jquery.js”>
</script>
<script>
function update_status() {
$.get( “status.php”, function( data ) {
$( “#containerDiv” ).html( data );
console.log(data);
});
setTimeout(update_status, 3000);
}
$(document).ready(function() {
console.log(“begin”);
update_status();
});
$.ready(f)
if (document.readyState == ‘complete’)
f()
</script>
</header>
<body>
<div id=”containerDiv”></div>
</body>
</html>