AJAX（Asynchronous JavaScript and XML）是一种使用JavaScript和XML实现异步数据传输的技术。通过AJAX，网页可以在不重新加载整个页面的情况下，向服务器发起请求并接收数据。本文将介绍如何使用AJAX接收服务器数据，并通过举例说明其应用。

在使用AJAX接收服务器数据之前，我们需要先创建一个XMLHttpRequest对象，用于从服务器获取数据。例如，下面的代码可以在点击一个按钮时，向服务器发起一个AJAX请求，并将响应的数据显示在页面上：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'server_data.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('result').innerHTML = xhr.responseText;
}
};
xhr.send();

在上述代码中，我们首先创建了一个XMLHttpRequest对象，并使用open()方法指定了一个GET请求，以及服务器数据的URL。接着，我们使用onreadystatechange事件监听器，该事件在每次AJAX请求状态发生变化时触发。当请求状态为4（完成）且响应状态为200（成功）时，我们将服务器返回的数据更新到页面上。

举一个具体的例子，假设我们有一个电商网站，当用户点击商品页面上的“添加到购物车”按钮时，我们希望通过AJAX向服务器发送请求，并接收服务器的响应，将购物车中的商品数量更新到页面上。

var addToCartButton = document.getElementById('add-to-cart');
addToCartButton.addEventListener('click', function() {
var xhr = new XMLHttpRequest();
xhr.open('POST', 'add_to_cart.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById('cart-count').innerText = response.cartCount;
}
};
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('productId=123');
});

在上述代码中，我们首先获取了一个按钮元素，并为其添加了一个点击事件监听器。当按钮被点击时，我们创建了一个XMLHttpRequest对象，并使用POST方法向服务器发送请求。在请求的回调函数中，我们通过JSON.parse()方法将服务器返回的响应数据解析为一个JavaScript对象，并更新购物车数量的显示。

以上是使用AJAX接收服务器数据的方法和示例。通过使用AJAX，我们可以在不刷新整个页面的情况下，向服务器发送请求并接收数据，进而实现动态更新页面内容的效果。在实际应用中，除了上述示例中的GET和POST方法外，还可以使用其他方法，如PUT、DELETE等，来实现不同的功能。