AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下，通過后臺異步請求數據并更新頁面的技術。通過 AJAX，我們可以在不干擾用戶的同時，實現對后臺數據的實時獲取與更新，提高用戶體驗。

舉個例子，假設我們正在開發一個天氣預報網站。當用戶輸入某個城市的名稱，點擊查詢按鈕時，我們希望能夠立即獲取到該城市的天氣信息，并將其顯示在頁面上。在沒有 AJAX 技術的情況下，我們只能通過提交表單的方式，刷新整個頁面來獲取最新的天氣數據并顯示出來。然而，使用了 AJAX 后，我們可以通過后臺的一個 API 接口來獲取天氣數據，并將其實時地更新到頁面上，而不需要刷新整個頁面。

在使用 AJAX 進行在線請求 URL 之前，我們需要首先創建一個 XMLHttpRequest 對象。這個對象是用來處理與后臺的數據交互的核心。下面是一個簡單的示例，演示了如何創建一個 XMLHttpRequest 對象：

var xhr = new XMLHttpRequest();

一旦我們創建了 XMLHttpRequest 對象，接下來就可以使用它來發送請求并獲取數據了。下面是一段代碼示例，演示了如何發送一個 GET 請求：

xhr.open("GET", "http://example.com/api/weather?city=Beijing", true);
xhr.send();

上面的代碼中，我們通過 `open` 方法指定了請求的方式（GET）、請求的 URL（http://example.com/api/weather?city=Beijing）以及是否異步（true）。然后，我們調用 `send` 方法來發送請求。

當我們發送請求后，后臺會根據我們提供的 URL 來獲取數據。一旦后臺返回了響應，我們可以通過監聽 `onload` 事件來處理返回的數據。下面是一段代碼示例，演示了如何處理返回的數據：

xhr.onload = function() {
if (xhr.status === 200) {
var response = xhr.responseText;
console.log(response);
}
};

在這段代碼中，我們通過 `onload` 事件來監聽后臺返回的數據。當響應狀態碼為 200 時，表示請求成功，我們可以通過 `responseText` 屬性來獲取到返回的數據。

最后，我們需要在頁面上將獲取到的數據展示出來。這可以通過調用 DOM 的相關方法來實現。舉個例子，假設我們有一個 `

var weatherInfo = document.getElementById("weather-info");
weatherInfo.innerHTML = response;