AJAX（Asynchronous JavaScript and XML）是一种用于在后台与服务器交换数据的技术，可以实现无需刷新整个页面的数据传输和更新。通过使用AJAX，我们可以从表单中获取数据，而无需重新加载整个页面，提供了更加便捷高效的用户体验。

举个例子来说明：假如我们正在制作一个电商网站，并且有一个注册页面，用户需要填写自己的姓名、电子邮件和密码等信息。以前，当用户点击注册按钮时，需要刷新整个页面，才能将用户填写的信息发送给服务器进行注册。而利用AJAX技术，我们可以在用户填写完表单后，通过JavaScript将这些数据发送给服务器进行验证和注册，而无需整个页面的刷新。

function submitForm() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var password = document.getElementById("password").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/register");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("注册成功！");
} else {
alert("注册失败，请检查您的输入！");
}
}
};
var data = JSON.stringify({ name: name, email: email, password: password });
xhr.send(data);
}

在上述例子中，我们通过使用JavaScript中的XMLHttpRequest对象创建一个HTTP请求，并将表单中的数据转换为JSON格式数据发送给服务器的/register路径。服务器接收请求后，进行相关处理，并将处理结果以JSON格式返回。最后，我们通过在readyState为4且status为200的时候解析服务器返回的响应，并根据响应中的success字段判断注册是否成功，弹出相应的结果提示。

通过上述例子，我们可以看到利用AJAX技术从表单中获取数据并发送给服务器非常简单。不仅提高了用户的注册体验，还减轻了服务器的压力，提高了网站的响应速度。

除了表单数据，我们还可以使用AJAX从其他DOM元素中获取数据，比如一个下拉菜单或复选框的选项，然后发送给服务器进行处理。

function updatePreference() {
var preference = document.getElementById("preference").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/preference");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("偏好设置已更新！");
} else {
alert("更新失败，请稍后再试！");
}
}
};
var data = JSON.stringify({ preference: preference });
xhr.send(data);
}

在上述例子中，我们通过获取id为preference的DOM元素的值，将其作为偏好设置发送给服务器的/preference路径。服务器进行相应的处理后，将处理结果以JSON格式返回。根据返回结果，我们弹出相应的结果提示。

总之，AJAX技术是一种非常有用的技术，可以在不刷新整个页面的情况下，实现数据的传输和更新。通过从表单或其他DOM元素中获取数据，并将其发送给服务器，我们可以提供更好的用户体验，提高网站的响应速度和性能。