javascript - 如何捕获 form.submit 的响应

Question

我有以下代码:

<script type="text/javascript">
        function SubmitForm()
        {

            form1.submit();
        }

        function ShowResponse()
        {

        }
</script>
.
.
.
<div>
    <a href="#" onclick="SubmitForm();">Click</a>
</div>

我想捕获form1.submit的html响应？我该怎么做呢？我可以向 form1.submit 方法注册任何回调函数吗？

Answer 1

使用纯 JavaScript 无法轻松完成此操作。当您发布表单时，表单输入将发送到服务器并刷新您的页面 - 数据在服务器端处理。也就是说，submit() 函数实际上并不返回任何内容，它只是将表单数据发送到服务器。

如果您确实想在 Javascript 中获得响应(无需刷新页面)，那么您将需要使用 AJAX，并且当您开始谈论使用 AJAX 时，您将需要使用图书馆。 jQuery是迄今为止最受欢迎的，也是我个人最喜欢的。有一个很棒的 jQuery 插件，名为 Form这将完全按照您想要的方式进行。

以下是如何使用 jQuery 和该插件:

$('#myForm')
    .ajaxForm({
        url : 'myscript.php', // or whatever
        dataType : 'json',
        success : function (response) {
            alert("The server says: " + response);
        }
    })
;