AJAX DOM的简单应用

新年第一天,在众多聚聚的指导下学会了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>

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注