Возникли проблемы при загрузке таблицы после ajax POST
После того, как я использовал ajax POST для обновления определенного пользователя в таблице, я пытаюсь перезагрузить свою таблицу пользователей после закрытия модального окна. Я использовал функцию загрузки jQuery для повторного вызова моей страницы, чтобы страница обновилась, но страница выглядит так, как будто она сама себя дублирует. Я предоставил свой код ниже. Моя функция Ajax POST с успехом обновляет и перезагружает страницу:
$.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);
}
});
Таблица, которую я пытаюсь перезагрузить при успешном использовании AJAX:
<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>
И мой контроллер, который получает всех пользователей из базы данных:
@Secured("ROLE_ADMIN")
@RequestMapping("/users")
public String getUsers(Model model) {
List<User> users = usersService.getUsers();
model.addAttribute("users", users);
return "users";
}
Любое руководство будет оценено. Спасибо