表单同步提交后是否执行js

Question

我的代码如下：

form.submit();//synchronized submit, not asynchronous,the form is not a html form but created by javascript
some codes here;//Is this line executed, or it sometimes executed sometimes not

我在第 2 行有一些统计代码（向服务器发送 http 请求）并真正获得了一些数据。因为统计数据和预期有很大差距，我怀疑第二行总是被执行。

Answer 1

这取决于表单在提交时的作用：

• 如果表单提交正常，那么代码可以运行。普通表单提交会将浏览器重定向到 action 属性中定义的 url。代码可能会运行，但页面已经准备好离开，因此您可能看不到 form.submit() 之后的代码做了什么。

• 如果表单提交并被 JavaScript（可能被事件处理程序）捕获，那么 form.submit() 之后的代码可以运行，但取决于事件处理程序的作用。如果处理程序没有阻止正常的表单提交，则情况与第一种相同。如果处理程序阻止正常的表单提交，那么它可以运行。

我建议您为该表单构建一个处理程序，以使用 return false 和/或 event.preventDefault() 等技术阻止正常的表单提交，并同时运行其中的代码。