在AJAX发布成功后更新表数据Spring

时间:2013-10-08 12:23:31

标签: java javascript jquery ajax spring

我想在用户在弹出模式中发布更改后更新我的表数据。所以用户(管理员)点击更新然后更新必要的信息然后通过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";

}

0 个答案:

没有答案