AJAX（Asynchronous JavaScript and XML）是一種用于創建異步Web應用程序的技術。它可以在不刷新整個頁面的情況下更新部分頁面內容，并且可以從服務器檢索數據。在JavaScript中，我們可以通過使用AJAX來獲取服務端返回的值，然后在前端進行處理。

假設我們有一個簡單的HTML頁面，其中有一個按鈕，當我們點擊按鈕時，我們希望通過AJAX從服務器獲取一些數據并在頁面上顯示。以下是一個使用AJAX從服務器獲取數據的例子：

function fetchData() {
// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設置請求方法和URL
xhr.open("GET", "/api/data", true);
// 設置回調函數，當請求完成時被調用
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 從服務器獲取的數據
var data = xhr.responseText;
// 在頁面上顯示數據
document.getElementById("result").innerText = data;
}
};
// 發送請求
xhr.send();
}

在上面的例子中，我們使用了XMLHttpRequest對象來發送AJAX請求。我們通過調用open方法來設置請求的方法（GET、POST等）和URL。然后，我們設置了一個回調函數，當請求完成時被調用。在回調函數中，我們可以通過xhr.responseText獲取從服務器返回的數據，并將其顯示在頁面上。

例如，如果我們希望獲取一篇文章的內容并在頁面上顯示，可以使用以下代碼：

function fetchArticle() {
var articleId = "1"; // 假設文章ID是1
var xhr = new XMLHttpRequest();
xhr.open("GET", "/api/article/" + articleId, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var article = JSON.parse(xhr.responseText);
document.getElementById("articleTitle").innerText = article.title;
document.getElementById("articleContent").innerText = article.content;
}
};
xhr.send();
}

在上面的例子中，我們通過AJAX從服務器獲取了一篇文章的數據。我們根據文章ID構建了請求的URL，并將文章標題和內容顯示在頁面上。

總結來說，AJAX是一種強大的技術，可以在不刷新整個頁面的情況下更新部分頁面內容，并且可以從服務器獲取數據。我們可以使用JavaScript中的XMLHttpRequest對象來發送AJAX請求，并在回調函數中處理從服務器返回的數據。通過使用AJAX，我們可以創建交互性更強的Web應用程序，并提供更好的用戶體驗。