如何定期刷新jsp页面的特定部分
How to refresh specific part of jsp page periodically
我有一个由表组成的jsp,表显示一些来自数据库的数据。现在我想每30秒刷新一次表。请帮助我解决这个问题。请找到下面的代码。
注意:我不想刷新整个页面。只有我想刷新jsp中的表。
empDetails.jsp
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<body>
<center><h2>Employee Details</h2></center>
<form>
<center>
<div id="loadData">
<table border="2">
<c:if test="${!empty empDetails}">
<tr>
<th>Employee ID</th>
<th>Employee Name</th>
<th>Salary</th>
<th>Department</th>
</tr>
<c:forEach items="${empDetails}" var="emp">
<tr>
<td><c:out value="${emp.empId}"/></td>
<td><c:out value="${emp.empName}"/></td>
<td><c:out value="${emp.salary}"/></td>
<td><c:out value="${emp.department}"/></td>
</tr>
</c:forEach>
</c:if>
</table>
</div>
</center>
</form>
</body>
</html>
function refreshFunction(){
$.ajax({
url: '/page.html', //page or method that will return html
success: function (data) {
$('div#loadData').html(data);
}
});
}
setInterval(refreshFunction, /*interval*/)
看到美元。Ajax,它有很多有用的参数
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- 无法通过数组映射绑定
- 主干-不管怎样,检查事件以前是否绑定过
- 用于搜索的聚合物嵌套绑定
- Angular:更新一次性绑定的数据
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- $translateProvider.useStaticFilesLoader的Angular Translate异步定
- react.js中的密钥绑定
- 使用regex的jquery keydown绑定不会验证撇号和句点
- 将事件处理程序绑定到任何可能的事件
- AngularJS指令只识别双向绑定类型
- Telerik rad组合框多列数据绑定
- 对API数据使用声明性绑定
- 如何销毁/删除/取消绑定SnapSVG.js
- 在D3.js中,有没有任何方法可以将x和y方向上的滚动事件绑定到平移svg
- 数据绑定:'系统Char'不包含名为'xxxxx'
- react组件中的绑定方法
- 如何将ngrepeat下的ngmodel绑定到$scope
- WinJS内联绑定语法
- KnockoutJS自定义绑定,在绑定期间调用click事件,而不是在单击时调用