我有以下代码：
<script type="text/javascript">
function SubmitForm()
{
form1.submit();
}
function ShowResponse()
{
}
</script>
.
.
.
<div>
<a href="#" onclick="SubmitForm();">Click</a>
</div>
我想捕获form1.submit? 我该怎么做呢？我可以向 form1.submit 方法注册任何回调函数吗？
您将无法使用普通的 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);
}
})
;
Ajax 的替代方法是将一个 invisible 设置<iframe>为表单的目标，并<iframe>在其onload处理程序中读取其内容。但是当有 Ajax 时，为什么还要麻烦呢？
注意：我只是想提一下这个替代方案，因为有些答案声称没有 Ajax就不可能实现这一点。
非 jQuery vanilla Javascript 方式，摘自 12me21 的评论：
var xhr = new XMLHttpRequest();
xhr.open("POST", "/your/url/name.php");
xhr.onload = function(event){
alert("Success, server responded with: " + event.target.response); // raw response
};
// or onerror, onabort
var formData = new FormData(document.getElementById("myForm"));
xhr.send(formData);
ForPOST的默认内容类型是“application/x-www-form-urlencoded”，它与我们在上面的代码片段中发送的内容相匹配。如果您想发送“其他内容”或以某种方式对其进行调整，请参阅此处了解一些细节。
未来的互联网搜索者：
对于新的浏览器（截至 2018 年：Chrome、Firefox、Safari、Opera、Edge 和大多数移动浏览器，但不是 IE），fetch是一个标准 API，用于简化异步网络调用（我们过去需要XMLHttpRequest或 jQuery 的$.ajax）。
这是一个传统的形式：
<form id="myFormId" action="/api/process/form" method="post">
<!-- form fields here -->
<button type="submit">SubmitAction</button>
</form>
如果将上述表单交给您（或者您创建它是因为它是语义 html），那么您可以将fetch代码包装在事件侦听器中，如下所示：
document.forms['myFormId'].addEventListener('submit', (event) => {
event.preventDefault();
// TODO do something here to show user that form is being submitted
fetch(event.target.action, {
method: 'POST',
body: new URLSearchParams(new FormData(event.target)) // event.target is the form
}).then((resp) => {
return resp.json(); // or resp.text() or whatever the server sends
}).then((body) => {
// TODO handle body
}).catch((error) => {
// TODO handle error
});
});
（或者，如果像原始海报一样，您想在没有提交事件的情况下手动调用它，只需将fetch代码放在那里并传递对form元素的引用，而不是使用event.target。）
文档：
获取：https : //developer.mozilla.org/en-US/docs/Web/API/Fetch_API
其他：https : //developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript 2018年那个页面没有提到fetch（还）。但它提到不推荐使用 target="myIFrame" 技巧。它还有一个用于“提交”事件的 form.addEventListener 示例。
我正在这样做并且它的工作原理。
$('#form').submit(function(){
$.ajax({
url: $('#form').attr('action'),
type: 'POST',
data : $('#form').serialize(),
success: function(){
console.log('form submitted.');
}
});
return false;
});