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

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

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();

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

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

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

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

fetch：fetch是基于Promise的現(xiàn)代瀏覽器API，用于進行網(wǎng)絡(luò)請求。相較于XMLHttpRequest和$.ajax()，fetch提供了更靈活的API，并且以鏈?zhǔn)秸{(diào)用的方式組織代碼。以下是一個使用fetch函數(shù)的示例：

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

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

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