在Web开发过程中，经常会遇到需要使用form表单来提交数据的场景。一般来说，我们会通过传统的提交方式将表单数据发送到后端服务器，然后服务器进行处理。然而，这种方法需要整个页面刷新，用户体验较差。

为了能够实现异步提交表单数据，并且不刷新页面，我们可以使用AJAX来实现。AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下，通过后台与服务器进行数据交换的技术。下面我们将通过代码举例来说明如何使用AJAX获取form表单提交的数据。

<form id="myForm" method="POST" action="/submit">
<input type="text" name="username" placeholder="请输入用户名"></input>
<input type="password" name="password" placeholder="请输入密码"></input>
<button type="submit">提交</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
<script>
var form = document.getElementById("myForm");
form.addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认的提交行为
var formData = new FormData(form); // 创建一个FormData对象来收集表单数据
axios.post('/submit', formData)
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
});
</script>

上述代码中，我们首先定义了一个form表单，并指定了提交方式为POST，并设置了一个id为"myForm"。在form的submit事件监听函数中，我们通过event.preventDefault()方法来阻止表单默认的提交行为。然后，我们创建了一个FormData对象，将表单数据收集起来。

接下来，我们使用axios库来发送POST请求，将FormData对象作为请求的参数传递给后端服务器。在这里，我们假设后端服务器的接口为"/submit"。当服务器返回响应后，我们可以通过.then()方法来获取服务器返回的数据，并对数据进行处理，例如在控制台输出，或者更新页面中的某个元素。

下面我们用一个具体的例子来说明上述代码的应用场景。假设我们有一个注册表单，用户需要输入用户名和密码。在提交表单之后，我们希望能够立即显示一条提示信息，来告知用户注册是否成功。

<form id="registerForm" method="POST" action="/register">
<input type="text" name="username" placeholder="请输入用户名"></input>
<input type="password" name="password" placeholder="请输入密码"></input>
<button type="submit">注册</button>
</form>
<div id="message"></div>
<script>
var form = document.getElementById("registerForm");
var message = document.getElementById("message");
form.addEventListener("submit", function(event) {
event.preventDefault();
var formData = new FormData(form);
axios.post('/register', formData)
.then(function (response) {
message.innerHTML = response.data.message;
})
.catch(function (error) {
console.log(error);
});
});
</script>

上面的代码中，我们增加了一个div元素，用于显示注册结果的提示信息。在表单提交后，服务器会返回一个JSON对象，其中包含一个名为"message"的字段，对应着注册结果的提示信息。我们通过设置message.innerHTML来更新div元素中的内容，从而实现提示信息的显示。

通过以上的示例代码，我们可以看到，使用AJAX获取form表单提交的数据可以实现无刷新提交，并且能够及时地处理服务器返回的结果，提高了用户体验。

总结起来，AJAX是一种非常有用的技术，可以用于在Web开发中优化表单数据的提交。通过使用AJAX获取form表单提交的数据，可以实现异步提交，并且在不刷新整个页面的情况下更新页面内容。这在一些需要及时反馈结果给用户的场景下非常有用，例如注册、登录等操作。希望本文能对读者理解和应用AJAX获取form表单提交的数据有所帮助。