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);
        }
    })
;