AJAX（Asynchronous JavaScript and XML）是一種在Web應用程序中向服務器發送和接收數據的技術。它允許我們在不刷新整個頁面的情況下，通過與服務器進行異步通信來更新部分頁面內容。使用AJAX，我們可以實現更快速、更流暢的用戶體驗。本文將介紹如何使用AJAX向服務器發送請求數據的方式，并通過舉例加以說明。

當我們使用AJAX向服務器發送請求數據時，我們通常使用XMLHttpRequest對象來完成這項任務。XMLHttpRequest對象是AJAX中最重要的對象之一，它提供了一組方法和屬性，用于向服務器發送HTTP請求并獲取服務器響應的數據。

下面是一個簡單的例子，展示了如何使用AJAX向服務器發送一個GET請求，并在獲得服務器響應后將其顯示在頁面上。

<pre>var xhttp = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;  // 將服務器響應數據顯示在頁面上
}
};
xhttp.open("GET", "example.com/ajaxdata", true);  // 設置請求方法、URL和是否異步
xhttp.send();  // 發送請求

在上面的例子中，首先我們創建了一個XMLHttpRequest對象，并將其賦值給變量xhttp。接著，我們定義了一個回調函數onreadystatechange，它會在XMLHttpRequest對象的readyState屬性發生變化時被觸發。在回調函數中，我們使用readyState和status屬性來檢查服務器響應的狀態。當readyState等于4且status等于200時，表示服務器響應成功，我們將服務器返回的數據通過innerHTML方法顯示在頁面上。

通過上述代碼，我們成功地向服務器發送了一個GET請求，并將服務器響應的數據顯示在了頁面上。除了GET請求，我們還可以發送POST請求以及其他類型的請求。下面是一個發送POST請求的例子。

<pre>var xhttp = new XMLHttpRequest();  // 創建XMLHttpRequest對象
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;  // 將服務器響應數據顯示在頁面上
}
};
xhttp.open("POST", "example.com/ajaxdata", true);  // 設置請求方法、URL和是否異步
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  // 設置請求頭
xhttp.send("name=John&age=30");  // 發送帶有數據的請求

在上述例子中，我們發送了一個名為name的參數，其值為John，以及一個名為age的參數，其值為30。這些參數會被放在請求的主體中，并通過xhttp.send方法發送給服務器。另外，我們還使用了xhttp.setRequestHeader方法設置了請求頭，以告訴服務器請求的主體的格式是URL編碼形式。

通過上述例子，我們能夠看到如何使用AJAX向服務器發送不同類型的請求以及參數數據，通過XMLHttpRequest對象設置請求方法、URL、參數數據和請求頭，最終獲取到服務器的響應數據并在頁面上進行展示。這樣，我們便能夠實現更加靈活、高效的與服務器進行數據交互的功能。

總結來說，AJAX能夠幫助我們實現異步通信，向服務器發送和獲取數據。通過XMLHttpRequest對象，我們可以設置不同類型的請求，發送參數數據，并獲取服務器的響應數據。這樣，我們可以在不刷新整個頁面的前提下，實現部分頁面內容的動態更新。通過上述舉例，我希望對如何向服務器發送請求數據的方式有一定的理解和掌握。