Ajax（Asynchronous JavaScript and XML）是一種在Web應用中使用的技術，它可以在不刷新整個頁面的情況下向服務器發送請求，并更新頁面的一部分內容。通過Ajax，我們可以實現動態交互，提高用戶體驗。本文將介紹Ajax如何向服務器發送請求，并通過舉例說明其應用。

Ajax的核心是通過XMLHttpRequest對象向服務器發送請求，獲取返回的數據。XMLHttpRequest對象是瀏覽器提供的原生對象，它可以在不刷新頁面的情況下與服務器進行數據交互。以下是一個簡單的例子，向服務器發送GET請求，獲取返回的數據，并在頁面上顯示：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById('result').innerText = response.data;
}
};
xhr.send();

在上述例子中，首先創建了XMLHttpRequest對象（xhr），然后使用open方法指定了請求的方法（GET）和URL（https://example.com/api/data），第三個參數為true表示使用異步請求。接下來，通過onreadystatechange事件監聽對象的狀態變化，當對象的readyState屬性變為4且status屬性為200時，表示請求已成功返回，可以處理服務器返回的數據了。在這個例子中，將服務器返回的JSON數據解析為對象，并將其中的數據展示在id為result的元素上。

除了GET請求，Ajax也可以發送POST請求，例如向服務器提交表單數據。以下是一個簡單的例子：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
document.getElementById('result').innerText = response.message;
}
};
var data = {
name: 'John',
age: 25,
};
xhr.send(JSON.stringify(data));

在這個例子中，同樣使用XMLHttpRequest對象發送請求，但是使用了POST方法，并把ContentType設置為application/json，表示提交的數據為JSON格式。發送POST請求時，需要將數據作為參數傳遞給send方法。在這個例子中，使用JSON.stringify方法將JavaScript對象轉換為JSON字符串，并發送到服務器。服務器返回的結果也是JSON格式的數據，因此同樣需要進行解析和處理。

Ajax向服務器發送請求時還可以設置額外的請求頭、發送文件等等。通過XMLHttpRequest對象提供的各種方法和屬性，可以實現各種復雜的請求需求。不同的應用場景可能需要使用不同的方法和參數，因此需要靈活使用Ajax的相關知識。

總之，Ajax可以通過XMLHttpRequest對象向服務器發送請求，并獲取返回的數據，實現頁面的動態更新。無論是GET請求還是POST請求，都可以使用Ajax來實現。通過合理的使用Ajax，我們可以提高用戶體驗，提供更好的交互。