Ajax是一种用于在不刷新整个网页的情况下获取和更新数据的技术。通过Ajax，我们可以从服务器异步请求数据，并将数据展示在网页上，而无需重新加载整个页面。这种技术大大提升了用户体验，使得网页更加动态和快速响应。本文将介绍Ajax如何从服务器获取数据，并通过举例说明其应用。

首先，我们需要使用XMLHttpRequest对象来与服务器进行通信。该对象可以通过Javascript创建，并可通过open()方法指定与服务器的交互方式（GET或POST）以及请求的URL。例如：

var xhr = new XMLHttpRequest();xhr.open('GET', 'https://example/data', true);xhr.send();

在上述例子中，我们使用GET方法请求了服务器上的data资源。当然，也可以使用POST，只需将xhr.open()方法的第一个参数改为'POST'。请求发送后，服务器会对该请求进行处理，并返回相应的数据。

通过监听xhr对象的onreadystatechange事件，我们可以在服务器返回数据后进行相应的处理。该事件会在xhr对象的readyState发生变化时触发，我们可以通过判断readyState的值来确定xhr对象的状态，进而获取服务器返回的数据。

xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var data = xhr.responseText;// 对返回的数据进行处理}};

上述代码片段中，我们首先判断readyState是否为4，这意味着服务器数据已经成功返回。接着，我们判断状态码xhr.status是否为200，以确保服务器成功返回数据。如果以上条件都满足，我们可以通过xhr.responseText属性获取到服务器返回的数据。之后，我们可以对该数据进行处理，例如将数据展示在网页上。

为了更好地理解Ajax如何从服务器获取数据，我们来看一个实际应用的例子。假设我们正在开发一个天气应用，当用户输入城市名时，我们需要从服务器获取该城市的天气数据并展示在网页上。

var city = window.prompt('请输入城市名：');var xhr = new XMLHttpRequest();xhr.open('GET', 'https://api.example/weather?city=' + city, true);xhr.send();xhr.onreadystatechange = function() {if (xhr.readyState === 4 && xhr.status === 200) {var data = JSON.parse(xhr.responseText);document.getElementById('weather').innerHTML = '当前天气：' + data.weather;}};

在这个例子中，我们首先通过window.prompt()方法弹出一个对话框，让用户输入城市名。然后，我们使用XMLHttpRequest对象向服务器发送GET请求，请求URL中包含用户输入的城市名作为查询参数。当服务器返回数据后，我们将数据解析成Javascript对象，并将天气信息展示在网页上。

通过以上的例子，我们可以看到Ajax如何通过XMLHttpRequest对象从服务器获取数据并进行处理。这种技术为我们提供了一种灵活、高效的方法来更新网页中的数据，从而增强了用户体验。