随着Web应用程序的不断发展，表单已经成为Web开发中非常重要的一部分。表单允许用户在浏览器中输入数据并将其提交到服务器。然而，表单提交的过程并不总是可靠的。在某些情况下，表单数据可能会丢失或被篡改。这时候，通过使用JavaScript提交表单可以很好地解决这个问题。

在本文中，我们将学习如何使用JavaScript提交表单，并获取提交结果。我们将讨论以下内容：

- 如何使用JavaScript提交表单

- 如何获取提交结果

如何使用JavaScript提交表单

JavaScript 提交表单有很多种方法，最常用的是使用XMLHttpRequest对象来发送Ajax请求。使用Ajax可以在不刷新整个页面的情况下向服务器提交表单数据。

下面是一个简单的Ajax表单提交示例：

```

```

如上所述，我们创建了一个名为"submitForm()"的函数，该函数通过使用XMLHttpRequest对象来异步提交表单。当用户点击"提交"按钮时，会调用"submitForm()"函数。

该函数首先获取的表单元素的引用，然后创建一个XMLHttpRequest对象。接下来，我们打开POST请求，并设置onreadystatechange函数来处理服务器响应。

我们在onreadystatechange函数中检查了request.readyState和request.status。readyState属性返回请求状态，status属性返回服务器响应的状态码。

当readyState等于4时（即请求已完成），我们检查状态码。如果状态码为200，表单提交成功，并弹出一个警告框。否则，表单提交失败，并弹出一个警告框。

最后，我们通过调用send()函数向服务器发送一个FormData对象，该对象包含表单数据。

如何获取提交结果

当表单提交成功时，服务器通常会返回一个响应。该响应可以是 HTML、JSON 或 XML 等。您可以使用JavaScript来解析响应，然后在页面上显示它。

下面是一个使用XMLHttpRequest对象来获取服务器响应的示例：

```