Auto Refresh Table in JSP

Hello everyone,
i'm quite new to JSP/Servlet architecture.
I would like some help with the following problem, i'm trying to dynamically refresh the content of the following table without refreshing my whole page.

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>List Waiters</title>
    </head>
    <body>
        <div id="pageTitle">
            <h2>List Waiters</h2>
            <hr />
        </div>
        <table id="waitersTable">
             
             <tr>
                <th>Firstname</th>
                <th>Lastname</th>
                <th></th>
                <th></th>
             </tr>
                <c:forEach items="${waiters}" var="waiter">
                    <tr>
                 
                        <c:url value="AddTableToWaiter" var="waiterAddTable">
                            <c:param name="id" value="${waiter.id}" />
                        </c:url>
                        <c:url value="DeleteWaiter" var="deleteWaiter">
                            <c:param name="id" value="${waiter.id}" />
                        </c:url>

<td><c:out value="${waiter.firstname}" /></td>
                        <td><c:out value="${waiter.lastname}" /></td>
                        <td><a href="${waiterAddTable}">Add Zone</a></td>
                        <td><a href="${deleteWaiter}">Delete</a></td>
                    </tr>
               </c:forEach>
         </table>
        <a href="AddWaiter">Add Waiter</a>
    </body>
</html>

The table is filled by the following Servlet:

What is the best way to achieve my goal.

Thanks in advance.

Use an AJAX call inside a timer loop. If you want to avoid reloading the entire page, AJAX is your only option.

You may like to use Ajax. But I think Bear would be the best person to answer.

Thank you for your answers,

I don't know how to use AJAX, i could use so help here, would you please give me examples or tutorials?

I've already googled it and didn't find precise examples of what i need.

It's not easy to find exactly what you need, but there are a lot of examples that you can use to understand how it works and do your own code. we can help you with the errors you get in that process.

Yes, you'll need to use Ajax.

Fire off an Ajax request that returns the HTML fragment (not a full page) that contains the new table markup. Replace the old table element in the DOM with the new fragment.

Do yourself a favor:

Get an Ajax tutorial and read about how Ajax works and what it is.

Then use jQuery to do your Ajax call, where it will take one line of code to accomplish the above, rather than the screen-full of code required to do it in raw JavaScript.

As a hint, after you learn the basics of Ajax and jQuery, the code will look something like this:

Thanks Bear,

I read tutorials about Ajax and JQuery as you said ! ;)

I wrote something like that and it matches my needs.

we have to set the Refresh header of the response..

5 indicates that the page refreshes automatically for 5 seconds

response.setHeader("Refresh","5");

Tej Ernesto wrote:we have to set the Refresh header of the response..

That will cause the entire page to refresh which is exactly what the question is not about.