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

Question

如何使用jquery-ajax提交此表单并更新？在我的servlet中，我可以根据请求提供一些消息，或者mb更好地将这种按摩用于响应？如何更新class =＆＃34; valid-error＆＃34;使用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>