Ajax（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用的技術。它通過無需刷新整個頁面的方式，實現了在后臺與服務器進行數據交互并更新頁面內容的功能。Ajax中有許多重要的函數，它們各自承擔著不同的任務和作用。本文將重點介紹幾個常用的Ajax函數：XMLHttpRequest、$.ajax()和fetch。

XMLHttpRequest：XMLHttpRequest是Ajax中最核心的函數之一，它使得瀏覽器可以與服務器進行數據交互并實現異步更新。通過XMLHttpRequest對象，我們可以發送HTTP請求并處理服務器返回的數據。以下是一個簡單的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();

上述代碼中，我們創建了一個XMLHttpRequest對象，并使用其open()方法指定了一個GET請求，以異步方式訪問服務器上的"data"路由。接著，我們通過onreadystatechange事件監聽器來處理服務器返回的數據。在回調函數中，我們首先檢查readyState和status的值，確保服務器已成功返回數據。然后，我們將服務器返回的數據解析成JSON格式，并打印在控制臺上。

$.ajax()：jQuery庫對Ajax的實現是通過$.ajax()函數來完成的。該函數封裝了XMLHttpRequest的各種功能，并提供了更簡單且更符合語義的API。以下是一個使用$.ajax()函數的示例：

$.ajax({
url: 'example.com/data',
method: 'GET',
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});

上述代碼中，我們通過傳入一個JavaScript對象作為參數，來調用$.ajax()函數。該對象指定了請求的URL、請求方法為GET，并提供了兩個回調函數：一個用于處理成功的響應，另一個用于處理錯誤情況。在成功的回調函數中，我們直接打印了服務器返回的數據；而在錯誤的回調函數中，我們只是簡單地打印了錯誤信息。

fetch：fetch是基于Promise的現代瀏覽器API，用于進行網絡請求。相較于XMLHttpRequest和$.ajax()，fetch提供了更靈活的API，并且以鏈式調用的方式組織代碼。以下是一個使用fetch函數的示例：

fetch('example.com/data')
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
})
.catch(function(error) {
console.log(error);
});

在上述代碼中，我們使用fetch函數并傳入URL來發送一個簡單的GET請求。隨后，我們使用.then()方法來處理返回的響應。在第一個.then()回調函數中，我們首先將響應的數據解析成JSON格式；而在第二個.then()回調函數中，我們直接打印了解析后的數據。如果發生錯誤，則通過.catch()方法來捕獲并打印錯誤信息。

綜上所述，XMLHttpRequest、$.ajax()和fetch都是非常重要的Ajax函數。它們各自在實現網絡請求和數據交互方面提供了不同的功能和特性。而且，它們的使用方式也各有不同。在實際開發中，我們可以根據需求選擇合適的函數，以實現更好的交互體驗和功能性。