AJAX是一种前端技术，可以使网页在不刷新的情况下从服务器获取数据，并实时更新页面内容。它通过异步方式向服务器发送请求，然后接收服务器返回的数据，最后将数据动态地显示在网页上。本文将介绍如何从网址中获取数据，并给出相关的代码示例。希望通过这篇文章，读者能够深入了解AJAX的工作原理并学会如何运用它。

在使用AJAX从网址中获取数据之前，我们首先需要确定要获取数据的网址。例如，我们假设我们想从一个天气预报网站获取实时的天气数据。该网站的API提供了一种用于获取天气数据的接口。我们可以通过该接口来获取当地的天气情况。

function getWeatherData() {
var url = "https://api.weather.com";
// 这里是获取天气数据的具体代码
}

在上面的代码中，我们定义了一个名为getWeatherData的函数，并初始化了一个变量url，它存储了要获取数据的网址。在下面的代码示例中，我们将详细介绍如何从这个网址中获取天气数据并在网页上显示。

我们可以使用AJAX的XMLHttpRequest对象来发送一个异步请求，并获取到服务器返回的数据。下面是一个使用XMLHttpRequest对象来发送GET请求的简单示例：

function getWeatherData() {
var url = "https://api.weather.com";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = xhr.responseText;
// 处理返回的数据
}
};
xhr.send();
}

在上面的代码示例中，我们首先创建了一个XMLHttpRequest对象，然后使用open方法来指定请求的类型（"GET"）和URL。接下来，我们给XMLHttpRequest对象的onreadystatechange事件添加了一个回调函数。该回调函数在XMLHttpRequest对象的状态发生变化时被调用。

当XMLHttpRequest对象的状态为4（DONE）并且HTTP状态为200时，表示请求成功。我们可以通过调用XMLHttpRequest对象的responseText属性来获取服务器返回的数据。在这个例子中，我们将获取到的天气数据存储在一个变量data中。

接下来，我们可以通过JavaScript将这些数据显示在网页上。例如，我们可以创建一个HTML元素来显示天气数据：

function displayWeatherData(data) {
var weatherDiv = document.createElement("div");
weatherDiv.innerHTML = "当前天气：" + data.weather + "，温度：" + data.temperature + "℃";
document.body.appendChild(weatherDiv);
}

在上面的代码示例中，我们首先使用JavaScript的createElement方法创建了一个div元素。然后，通过innerHTML属性将获取到的天气数据填充到这个div元素中，并指定到网页的body元素中显示。

最后，我们只需在获取到数据时调用displayWeatherData函数即可将天气数据显示在网页上：

function getWeatherData() {
var url = "https://api.weather.com";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = xhr.responseText;
displayWeatherData(data);
}
};
xhr.send();
}

通过上述步骤，我们成功地使用AJAX从网址中获取到了天气数据，并将其显示在网页上。

总之，AJAX使得网页能够以异步的方式从服务器获取数据，并实时更新网页内容。通过使用XMLHttpRequest对象，我们可以发送HTTP请求，并在接收到服务器返回的数据后进行处理。最后，我们可以通过JavaScript将获取到的数据动态地显示在网页上。希望通过本文的介绍，读者能够对AJAX有一个更深入的理解，并学会如何运用它来从网址中获取数据。