2013-04-30 2 views
0

У меня есть jsp, который состоит из таблицы. В таблице отображаются некоторые данные, поступающие из базы данных. Теперь я хочу обновлять только таблицу каждые 30 секунд. Пожалуйста, помогите мне решить эту проблему. Пожалуйста, найдите приведенный ниже код.Как периодически обновлять определенную часть страницы jsp

Примечание: я не хочу обновлять всю страницу. только я хочу обновить таблицу в 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

так, что вы пробовали? вы ищете решение для javascript или что? JSP не имеет ничего общего с этой проблемой, поскольку JSP - это серверная технология. У вас может быть опрос javascript каждые 30 секунд или нажатие на websocket, если ваш сервер поддерживает его. – eis

+0

Поиск: window.setInterval, AJAX, jQuery $ .get или $ .post –

ответ

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, он имеет много полезных параметров.