我想在用户在弹出模式中发布更改后更新我的表数据。所以用户(管理员)点击更新然后更新必要的信息然后通过ajax post函数提交更改。到目前为止,我已经完成了所有工作,但是当用户关闭模态时,他看到的是旧信息,而不是更新的信息。我认为在ajax成功函数中应该有一些东西,其中表格会重新填充新信息,但不知道如何做到这一点。到目前为止,这是我的代码。
AJAX功能:
$("#updateUser").click(function() {
$.ajax({
type: "POST",
url: "${pageContext.request.contextPath}/updateUser",
data: $("#updateForm").serialize(),
success: function(response) {
$("#alert").show();
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("Status: " + textStatus); alert("Error: " + errorThrown);
}
});
});
JSP代码:
<c:forEach var="user" items="${users}">
<tr>
<td id="id"><c:out value="${user.id}" /></td>
<td id="name"><c:out value="${user.name}"/></td>
<td id="username"><c:out value="${user.username}"/></td>
<td id="email"><c:out value="${user.email}"/></td>
<td id="dob"><c:out value="${user.dob}"/></td>
<td id="authority"><c:out value="${user.authority}"/></td>
<td>
<button data-togle="modal" href="#updateModal" class="updateUser" value="${user.id}">Update</button>
</td>
<td>
<a class="delete" href="<c:url value="/deleteUser"><c:param name="id" value="${user.id}"/></c:url>"><button>Delete</button></a>
</td>
</tr>
</c:forEach>
我正在使用Spring来构建这个应用程序。我的控制器类有此检索所有注册的用户。 获取所有用户的控制器方法:
@Secured("ROLE_ADMIN")
@RequestMapping("/users")
public String getUsers(Model model) {
List<User> users = usersService.getUsers();
model.addAttribute("users", users);
return "users";
}