如何使用jquery-ajax提交表单并更新表单上的输入?

时间:2015-06-12 18:21:08

标签: jquery ajax forms jsp

如何使用jquery-ajax提交此表单并更新?在我的servlet中,我可以根据请求提供一些消息,或者mb更好地将这种按摩用于响应?如何更新class =" valid-error"使用jstl或ajax的成功函数?

这是我的代码:

$(document).ready(function() {
    $("#mainbutton").click(function() {
        $("#ajaxform").submit(function(e) {
            console.log("before");
            $.ajax({
                url: "userctrl",
                type: "post",
                data: $(this).serializeArray(),
                success: function(data, textStatus, jqXHR) {
                    console.log("success");
                    $('.valid-error').val(data.message.val())
                },
            });
        });
        $("#ajaxform").submit(); //Submit the form
        console.log("after");
    });
});

我的HTML:

<form id="ajaxform">
    <input type="text" placeholder="Name" name="name" />
    <input type="text" placeholder="Address" name="address" />
    <p class="valid-error"> "SOME MESSAGE got with jstl or passed here with the ajax request" </p>
    <input id="mainbutton" class="mainbutton" type="button" value="trial" />
</form>

0 个答案:

没有答案