Ajax 是一種用于在不重新加載整個網頁的情況下與服務器進行異步通信的技術。通過使用 Ajax，網頁能夠通過發送請求來獲取數據，無需刷新整個頁面。當成功接收到服務器返回的值時，我們可以在網頁上使用這些值進行相應的操作。本文將詳細介紹如何使用 Ajax 發送請求并成功接收返回值，并通過舉例說明的方式來幫助讀者理解這個過程。 在使用 Ajax 發送請求之前，我們需要創建一個 XMLHttpRequest 對象。這個對象可以發送 HTTP 請求并接收服務器的響應。下面是一個創建 XMLHttpRequest 對象的示例代碼：

var xmlhttp = new XMLHttpRequest();

接下來，我們需要設置 XMLHttpRequest 對象的 onreadystatechange 屬性。這個屬性是一個事件處理程序，當 readyState 屬性發生變化時就會觸發。readyState 屬性表示請求的狀態，0 表示請求未初始化，1 表示服務器連接已建立，2 表示請求已接收，3 表示請求處理中，4 表示請求已完成且響應已就緒。我們可以在 onreadystatechange 事件處理程序中檢查 readyState 屬性的值，一旦值為 4 時，我們就可以處理服務器返回的值了。以下是設置 onreadystatechange 屬性的示例代碼：

xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = xmlhttp.responseText;
// 處理服務器返回的值
}
};

接下來，我們需要使用 open() 和 send() 方法來發送請求。open() 方法用于指定請求類型和 URL，send() 方法用于發送請求。下面是一個發送 GET 請求的示例代碼：

xmlhttp.open("GET", "example.php?q=value", true);
xmlhttp.send();

在上面的代碼中，我們向 example.php 發送了一個 GET 請求并帶上了參數 q=value。當服務器成功處理請求并返回值時，我們就可以在 onreadystatechange 事件處理程序中處理這個值了。 假設我們的網頁上有一個按鈕，點擊按鈕后會發送一個請求并顯示服務器返回的值。以下是一個使用 Ajax 的示例：

點擊獲取服務器返回的值

在上面的代碼中，我們在 HTML 中定義了一個按鈕和一個 p 標簽。當點擊按鈕時，會調用 getServerData() 函數，該函數內部會發送一個 GET 請求并將服務器返回的值賦給 p 標簽的 innerHTML 屬性。通過這種方式，我們可以在網頁上將服務器返回的值動態展示出來。 通過這個例子，我們可以看到 Ajax 是如何在網頁中發送請求并成功接收返回值的。這種方式使得我們能夠以更快速、更實時的方式與服務器進行通信，提升了用戶體驗和網頁的性能。無論是在在線支付、即時消息、數據更新等場景下，Ajax 都扮演著重要的角色。希望通過本文的介紹，讀者能夠理解和掌握使用 Ajax 發送請求并處理返回值的方法。