Probleme beim Laden der Tabelle nach ajax POST

Nachdem ich mit einem Ajax-POST einen bestimmten Benutzer in einer Tabelle aktualisiert habe, versuche ich, meine Benutzertabelle neu zu laden, sobald ein Modal geschlossen wird. Ich habe die jQuery-Ladefunktion verwendet, um meine Seite erneut aufzurufen, damit die Seite aktualisiert wird, aber die Seite sieht nur so aus, als würde sie sich selbst duplizieren. Ich habe meinen Code unten angegeben. Meine Ajax POST-Funktion mit erfolgreicher Aktualisierung und neuem Laden der Seite:

$.ajax({
    type: "POST",
    url: "${pageContext.request.contextPath}/updateUser",
    data: $("#updateForm").serialize(),
    success: function(response) {
        $("#alert").show();
        $("#users_table").load("${pageContext.request.contextPath}/users #users_table");
    },
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
        alert("Status: " + textStatus); alert("Error: " + errorThrown); 
    } 
});

Die Tabelle, die ich versuche, auf Erfolg des AJAX nachzuladen:

<table id="users_table" class=" table table-hover table-bordered">
    <tr>
        <th>User Id #</th>
        <th>Full Name</th>
        <th>Username</th>
        <th>Email</th>
        <th>Date of Birth</th>
        <th>User Authority</th>
        <th>Update </th>
        <th>Submitted Sightings</th>
        <th>Delete</th>
    </tr>
    <c:forEach var="user" items="${users}">
        <tr>
            <td><c:out value="${user.id}" /></td>
            <td><c:out value="${user.name}"/></td>
            <td><c:out value="${user.username}"/></td>
            <td><c:out value="${user.email}"/></td>
            <td><c:out value="${user.dob}"/></td>
            <td><c:out value="${user.authority}"/></td>
            <td>
                <button data-togle="modal" href="#updateModal" class="updateUser btn btn-primary" value="${user.id}">Update</button>
            </td>
            <td>
                <button class="btn btn-success">Sightings</button>
            </td>
            <td>
                <a class="delete" href="<c:url value="/deleteUser"><c:param name="id" value="${user.id}"/></c:url>"><button class="btn btn-danger">Delete</button></a>
            </td>
        </tr>
    </c:forEach>
</table>

Und mein Controller, der alle Benutzer aus der Datenbank holt:

@Secured("ROLE_ADMIN")
@RequestMapping("/users")
public String getUsers(Model model) {

    List<User> users = usersService.getUsers();
    model.addAttribute("users", users);

    return "users";

}

Jede Anleitung wird geschätzt. Vielen Dank

Antworten auf die Frage(3)

Ihre Antwort auf die Frage