在Web开发中，我们经常需要使用表单来收集用户的输入，并将其发送到服务器进行处理。在这个过程中，我们会使用HTML表单元素及其相关属性来创建表单，同时也需要使用JavaScript来操作表单并将数据发送到服务器。
然而，有时候我们可能会遇到一个非常常见且容易犯错的错误：当我们试图将表单数据发送到服务器时，浏览器控制台可能会显示一个“提交不是JavaScript中的函数”的错误信息，这个错误信息往往会令人困惑，因为它看起来似乎与JavaScript代码本身无关。
那么，这个错误是如何产生的呢？首先，我们需要了解一下表单的提交方式。表单的提交方式可以通过method属性来指定，常见的有两种方式：
- GET方式：将表单数据附加到URL上，以键值对的形式出现。
- POST方式：将表单数据包含在HTTP请求体中，以键值对的形式出现。
对于使用POST方式提交表单的情况，我们通常会使用XMLHttpRequest对象或者fetchAPI等工具来发送HTTP请求并将表单数据发送到服务器。然而，在使用这些工具的时候，我们有时候会忘记给表单绑定submit事件，从而导致表单的默认行为被触发，而这个默认行为就是将表单数据自动以GET方式提交到服务器。这种情况下，由于我们并没有使用JavaScript函数来处理表单的提交，浏览器就会报出“提交不是JavaScript中的函数”的错误。
下面是一个示例代码，展示了如何在表单提交时使用XMLHttpRequest对象来将表单数据发送到服务器。需要注意的是，在这个例子中，我们通过preventDefault()方法来取消表单的默认提交行为，从而使得表单的提交行为被重定向到我们自己编写的JavaScript函数中。
-- -------------------- ---- -------
----- ------------
------ ----------- ----------- --
------ ------------- -------------- --
-------
--------
----- ---- - ---------------------------------
------------------------------- -------------
-------- ------------------- -
----------------------
----- -------- - --- --------------
----- --- - --- ----------------
---------------- ----------
------------------
-
---------在实际开发过程中，建议我们养成良好的习惯，在使用XMLHttpRequest对象或者fetchAPI等工具发送HTTP请求时，总是记得绑定表单的submit事件，并且在事件处理函数中使用preventDefault()方法来取消表单的默认提交行为，以确保表单的数据能够被正确地发送到服务器。
总之，通过本文的介绍，我们了解了“提交不是JavaScript中的函数”错误的产生原因，并且给出了一个示例代码来展示如何正确地使用JavaScript来处理表单的提交行为。希望本文能够对读者在Web开发中的实践有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9117