java - 如何使用Ajax进行jquery表单提交？

Question

在我的 java 应用程序中，我使用 JQuery 提交表单。

这是我的jsp中的代码:

    <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<fieldset id="profile_proffiesional">
    <form:form action="profile/awards" modelAttribute="AWARDS">
        <p>
            <label for="position">Position</label>
            <form:input path="position" tabindex="4" />
        </p>
        <p>
            <label for="location">Location</label>
            <form:input path="location" tabindex="5" />
        </p>
        <p>
            <label for="description">Description</label>
            <form:input path="description" tabindex="5" />
        </p>
        <p>
            <input type="submit" value="Add">
        </p>
    </form:form>
</fieldset>
<script>
    $('#AWARDS').ajaxForm({
        target : '#body',
        success : function(responseText, statusText, xhr, $form) {
            alert(responseText);
        },
        beforeSubmit : function() {
            $.blockUI({
                message : '<h1> Just a moment...</h1>'
            });
        }
    });
</script>

问题是当我单击“提交”按钮时，表单所在的位置会显示带警报的响应。当我在警报窗口中单击OK按钮时，相同的成功消息将打印在窗口上的表单位置。

当我刷新表单时，表单将完全不可见，成功消息将被删除并显示表单。

但我想在警报中显示成功，而不是在屏幕上。 请帮我解决这个问题。

Answer 1

删除 target : '#body' 即可解决问题。

该特定行使用响应更新正文内容。