AJAX（Asynchronous JavaScript and XML）是一种用于创建快速响应的网页应用程序的技术。它允许在不重新加载整个页面的情况下向服务器发送请求，并在后台获取数据。

使用AJAX的一个常见例子是通过GET请求获取数据并在网页上显示。下面是一个使用AJAX GET请求的简单示例：

let request = new XMLHttpRequest();
request.open('GET', 'https://api.example.com/data', true);
request.onload = function() {
if (request.status >= 200 && request.status< 400) {
let data = JSON.parse(request.responseText);
// 在网页上显示数据
document.getElementById('output').innerText = data.message;
} else {
console.error('请求失败');
}
};
request.onerror = function() {
console.error('请求错误');
};
request.send();

在这个示例中，我们创建了一个XMLHttpRequest对象，然后使用open方法指定请求的类型（GET）、URL（https://api.example.com/data）和是否采用异步方式。然后，我们定义了一个onload函数，当请求成功完成时将被调用。在这个函数中，我们首先检查请求的状态码（200到399之间的状态码表示成功），然后解析响应的文本内容，并将数据显示在网页上。如果请求失败，则打印错误信息。

通过使用AJAX GET请求，我们可以通过与服务器进行交互来更新网页内容，而无需刷新整个页面。这对于需要实时更新数据的应用程序特别有用。例如，在一个在线聊天应用中，我们可以使用AJAX GET请求定期从服务器获取新消息，然后在网页上动态显示它们，而不会干扰用户与其他部分的交互。

除了获取数据外，AJAX GET请求也可以用于发送数据。例如，我们可以使用AJAX GET请求向服务器发送用户输入的表单数据：

let formValue = document.getElementById('input').value;
let request = new XMLHttpRequest();
request.open('GET', 'https://api.example.com/submit?data=' + formValue, true);
request.onload = function() {
if (request.status >= 200 && request.status< 400) {
let response = JSON.parse(request.responseText);
// 处理服务器响应
console.log(response);
} else {
console.error('提交失败');
}
};
request.onerror = function() {
console.error('请求错误');
};
request.send();

在这个示例中，我们创建了一个XMLHttpRequest对象并使用open方法指定GET请求的URL，同时将用户输入的表单数据作为查询字符串的一部分包含在URL中。然后，我们定义了一个onload函数来处理服务器的响应。在这个函数中，我们首先检查请求的状态码，然后解析响应的文本内容，并将结果打印到控制台。如果请求失败，则打印错误信息。

总结起来，AJAX GET请求是一种非常有用的技术，它可以用于向服务器发送请求并获取数据，同时允许更新网页内容而无需刷新整个页面。它在许多场景中都有广泛的应用，如实时显示数据、处理用户输入等。