jsp+ajax自动刷新局部页面
warning:
这篇文章距离上次修改已过448天，其中的内容可能已经有所变动。
要在JSP页面中使用AJAX实现自动刷新局部页面，你可以使用JavaScript（或者jQuery）来发送AJAX请求，并在收到响应后更新DOM。以下是一个简单的例子：
- 创建一个简单的JSP页面，其中包含用于自动刷新内容的AJAX代码和一个用于显示内容的元素：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Auto Refresh Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function refreshContent() {
$.get('partialContent.jsp', function(data) {
$('#content').html(data);
});
}
// 每隔5秒钟自动刷新内容
setInterval(refreshContent, 5000);
</script>
</head>
<body>
<div id="content">
<!-- 这里是初始内容，将被partialContent.jsp内容替换 -->
这里是自动刷新的内容区域。
</div>
</body>
</html>- 创建一个名为
partialContent.jsp的JSP页面，它将提供只更新的内容：
<%
// partialContent.jsp的内容，这里只需要提供需要更新的HTML内容
%>
<p>这里是自动刷新的内容区域 - <%= new java.util.Date() %></p>在上述代码中，我们使用了jQuery的$.get方法来发送AJAX请求，请求partialContent.jsp页面，并在收到响应后使用$('#content').html(data);更新了ID为content的元素的HTML内容。setInterval函数用于每5秒钟自动执行一次refreshContent函数，从而实现页面的自动刷新。
评论已关闭