如何使用Ajax进行jquery表单提交?

时间:2013-03-29 13:03:21

标签: java jquery ajax jsp spring-mvc

在我的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按钮时,相同的成功消息将打印在窗口上,形式上。

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

但我希望在警报上显示成功,而不是在屏幕上显示。 请帮帮我。

1 个答案:

答案 0 :(得分:0)

删除target : '#body'即可。

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