Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新，这意味着可以在不影响网页的情况下，与服务器交换数据并更新部分网页内容。
在Web开发中，表单是用户与服务器之间进行数据交互的重要方式，当用户填写表单并提交时，通常会刷新整个页面以显示新的数据或结果，使用Ajax技术，我们可以在不刷新整个页面的情况下获取表单数据，并将其发送到服务器进行处理。
下面是一个使用JavaScript和jQuery库实现的简单示例，演示如何使用Ajax获取表单数据：
我们需要创建一个HTML表单，包含一些输入字段和一个提交按钮：
<form id="myForm"> <label for="name">姓名：</label> <input type="text" id="name" name="name"><br><br> <label for="email">邮箱：</label> <input type="text" id="email" name="email"><br><br> <button type="submit">提交</button> </form>
接下来，我们需要编写JavaScript代码来处理表单提交事件，并使用Ajax将表单数据发送到服务器：
$(document).ready(function() {
// 绑定表单提交事件
$('#myForm').on('submit', function(event) {
// 阻止表单默认的提交行为，以免刷新页面
event.preventDefault();
// 获取表单数据
var formData = $(this).serialize();
// 使用Ajax发送表单数据到服务器
$.ajax({
type: 'POST', // 请求类型为POST
url: '/submit', // 服务器端处理数据的URL地址
data: formData, // 要发送的数据
success: function(response) {
// 请求成功时的回调函数，可以在这里处理服务器返回的数据
console.log('表单数据已成功提交');
console.log(response);
},
error: function(error) {
// 请求失败时的回调函数，可以在这里处理错误情况
console.log('表单数据提交失败');
console.log(error);
}
});
});
});
在上面的代码中，我们使用了jQuery库来简化DOM操作和Ajax请求的处理，我们通过$('#myForm')选择器选择了表单元素，并使用on('submit', function())方法绑定了表单的提交事件，在事件处理函数中，我们首先使用event.preventDefault()方法阻止了表单的默认提交行为，以免刷新页面，我们使用$(this).serialize()方法获取了表单中所有输入字段的值，并将它们序列化为一个字符串，我们使用$.ajax()方法发送了一个POST请求，将表单数据作为参数传递给服务器端的URL地址，如果请求成功，我们可以在success回调函数中处理服务器返回的数据；如果请求失败，我们可以在error回调函数中处理错误情况。
需要注意的是，上述代码中的服务器端URL地址/submit需要根据实际情况进行替换，以指向处理表单数据的服务器端脚本或API接口，还可以根据需要对Ajax请求进行更多的配置和处理，例如设置请求头、处理响应数据等。
总结起来，使用Ajax获取表单数据可以实现在不刷新整个页面的情况下，将用户填写的表单数据发送到服务器进行处理，这种方式可以提高用户体验，减少页面刷新的次数，并且可以更加灵活地处理数据交互。