如何定期刷新jsp页面的特定部分

时间:2013-04-30 07:34:51

标签: java javascript html jsp

我有一个包含表的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>

1 个答案:

答案 0 :(得分:0)

function refreshFunction(){
  $.ajax({
     url: '/page.html',  //page or method that will return html
     success: function (data) {
         $('div#loadData').html(data);
     }
  });
}

setInterval(refreshFunction, /*interval*/)

参见$ .ajax,它有很多有用的参数。