AJAX是一种在不刷新整个页面的情况下发送和接收数据的技术，它可以提高用户体验并提升网站性能。其中最常用的请求类型之一是GET请求，它用于从服务器获取数据。本文将介绍一个使用AJAX发送GET请求的示例，通过这个例子，我们可以更好地理解AJAX的工作原理和用法。

假设我们有一个网站，上面展示了一些用户信息。我们希望在用户点击某个按钮后，能够通过AJAX从服务器获取该用户的更多详细信息，并将其显示在页面上，而不需要刷新整个页面。首先，我们需要使用HTML创建一个按钮和一个用于展示结果的div元素。

<button onclick="getUserInfo()">获取用户信息</button>
<div id="userDetails"></div>

接下来，我们将使用JavaScript编写一个函数getUserInfo()，该函数将使用AJAX发送GET请求，并处理服务器返回的数据。在这个示例中，我们假设服务器端有一个API可以接受一个用户ID，然后返回该用户的详细信息。

function getUserInfo() {
var userId = 123; // 假设用户ID为123
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var userDetails = JSON.parse(this.responseText);
document.getElementById("userDetails").innerHTML = userDetails.name + " - " + userDetails.email;
}
};
xhttp.open("GET", "/api/user?id=" + userId, true);
xhttp.send();
}

在上面的代码中，我们首先创建了一个XMLHttpRequest对象xhttp。然后，我们定义了一个回调函数，在该函数中处理服务器返回的数据。这个回调函数会在AJAX请求的状态发生变化时被调用。当请求的readyState为4（请求已完成）并且status为200（服务器响应成功）时，我们解析服务器返回的JSON数据，并将用户详细信息显示在页面上。

最后，我们调用xhttp的open()方法来指定请求的类型（"GET"），以及请求的URL。我们还传递了用户ID作为查询字符串的一部分，这样服务器就可以根据它来查找相应的用户信息。最后，我们调用xhttp的send()方法来发送请求。

现在，当用户点击按钮时，getUserInfo()函数将被调用，并使用AJAX发送一个GET请求到服务器。服务器返回的用户详细信息将会被解析并显示在页面上，而不需要刷新整个页面。

这个示例展示了AJAX发送GET请求的基本用法。通过使用AJAX，我们可以在不刷新整个页面的情况下与服务器交互，从而提升用户体验和网站性能。在实际应用中，我们可以根据需要对AJAX请求进行更复杂的处理，例如添加请求头，处理错误等等。