AJAX（Asynchronous JavaScript and XML）是一種在Web應用程序中向服務器傳遞數據的技術。它使用JavaScript和XML來實現在不重新加載整個頁面的情況下與服務器通信。通過使用AJAX，我們可以在不中斷用戶瀏覽體驗的情況下向服務器發送請求并接收響應。下面將介紹如何使用AJAX向服務器傳遞數據并展示幾個示例。

首先，我們需要創建一個XMLHttpRequest對象，這將允許我們與服務器進行通信。我們可以使用以下代碼來創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

然后，我們可以使用open()方法指定請求的方法（GET或POST）和URL。例如，如果我們希望通過GET方法將數據發送到服務器的example.php頁面上，則可以使用以下代碼：

xhr.open("GET", "example.php", true);

接下來，我們需要指定我們向服務器發送的數據。對于GET請求，我們可以將數據附加到URL的查詢字符串中。例如，讓我們假設我們希望將名字和年齡發送到服務器。我們可以使用以下代碼來指定數據：

xhr.open("GET", "example.php?name=John&age=25", true);

對于POST請求，我們可以將數據作為send()方法的參數。以下是一個示例，展示了如何向服務器發送名字和年齡：

xhr.open("POST", "example.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("name=John&age=25");

在上面的示例中，我們使用setRequestHeader()方法設置了請求頭，以便服務器可以正確解析我們發送的數據。

一旦我們向服務器發送了請求并接收到響應，我們可以使用XMLHttpRequest的一些方法和事件來處理數據。例如，使用XMLHttpRequest的onreadystatechange事件，我們可以在請求狀態發生變化時執行某些操作。以下是一個示例：

xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 處理響應數據
}
};

在上面的示例中，我們檢查請求的狀態是否為4（完成）和響應的狀態是否為200（成功）。如果條件滿足，我們可以使用XMLHttpRequest的responseText或responseXML屬性來獲取服務器響應的數據。

總之，通過AJAX，我們可以向服務器傳遞數據而不必重新加載整個頁面。我們可以使用XMLHttpRequest對象來發送請求并接收響應。無論是通過GET方法將數據附加到URL中，還是通過POST方法發送數據作為請求體的一部分，AJAX都提供了靈活性和強大的功能。通過處理XMLHttpRequest的方法和事件，我們可以對服務器返回的數據進行處理并更新頁面內容。

AJAX在現代Web開發中被廣泛應用，可用于實現動態更新、表單提交和異步數據交換等功能。無論是在社交媒體站點上點贊一篇帖子，還是在電子商務網站上添加商品到購物車，AJAX都可以通過將數據發送到服務器來實現這些功能，而不必刷新整個頁面。