利用jQuery实现AJAX定时刷新局部页面实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX 定时刷新页面</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function() {
// 设置定时器每隔一定时间刷新页面部分内容
setInterval(function() {
$('#partial-content').load('your-partial-content-url.html');
}, 5000); // 5000毫秒(5秒)
});
</script>
</head>
<body>
<div id="partial-content">
<!-- 这里将被定时刷新的内容替换 -->
初始内容...
</div>
</body>
</html>
这段代码使用jQuery的load()
函数定时加载新内容到id
为partial-content
的元素中。在实际使用时,需要将your-partial-content-url.html
替换为你想要加载的部分内容的URL。
评论已关闭