<中文>p<關(guān)于 AJAX 發(fā)送請求的方法>

在現(xiàn)代的 Web 開發(fā)中，Ajax（Asynchronous JavaScript and XML）是一種非常常見的技術(shù)，用于實(shí)現(xiàn)數(shù)據(jù)的異步傳輸和局部刷新。通過 Ajax，網(wǎng)頁可以在不重新加載整個頁面的情況下向服務(wù)器發(fā)送請求，并在請求完成后動態(tài)更新頁面內(nèi)容。本文將介紹三種常見的 Ajax 發(fā)送請求的方法以及其使用場景。

第一種方法是使用原生的 JavaScript XMLHttpRequest 對象。其工作流程如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.txt', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById('result').innerHTML = xhr.responseText;
}
};
xhr.send();

在這個例子中，通過 XMLHttpRequest 對象創(chuàng)建一個 GET 請求，獲取名為 "data.txt" 的文件。當(dāng)請求的狀態(tài)變?yōu)?4（已完成）且狀態(tài)碼為 200 時，將獲取到的響應(yīng)文本賦值給 id 為 "result" 的元素，并將其內(nèi)容顯示在頁面上。

第二種方法是使用 jQuery 庫提供的 Ajax 方法。jQuery 是一個廣泛使用的 JavaScript 庫，其封裝了許多實(shí)用的功能，包括 Ajax 請求的發(fā)送和處理。同樣以獲取文本文件為例：

$.ajax({
url: 'data.txt',
type: 'GET',
success: function (response) {
$('#result').html(response);
}
});

在這個例子中，使用 $.ajax 方法發(fā)送一個 GET 請求，并指定了請求的 URL 和請求的類型。當(dāng)請求成功時，響應(yīng)的文本將會通過回調(diào)函數(shù)中的 response 參數(shù)傳遞給我們，并用 jQuery 的方式將其內(nèi)容設(shè)置為 id 為 "result" 的元素的 HTML。

第三種方法是使用現(xiàn)代瀏覽器已經(jīng)原生支持的 Fetch API。Fetch API 提供了更加現(xiàn)代化和靈活的方式來發(fā)送和處理網(wǎng)絡(luò)請求。同樣的例子可以使用 Fetch API 來進(jìn)行改寫：

fetch('data.txt')
.then(function (response) {
return response.text();
})
.then(function (data) {
document.getElementById('result').innerHTML = data;
});

在這個例子中，使用 fetch 函數(shù)發(fā)送一個 GET 請求，并使用 Promise 的方式處理返回的響應(yīng)。首先使用 response.text() 方法將響應(yīng)轉(zhuǎn)化為純文本，然后將得到的結(jié)果賦值給 id 為 "result" 的元素。

綜上所述，我們介紹了三種常見的 Ajax 發(fā)送請求的方法：使用 XMLHttpRequest 對象、jQuery Ajax 方法和 Fetch API。這些方法具有各自的特點(diǎn)和適用場景，開發(fā)者可以根據(jù)實(shí)際需求選擇合適的方式來發(fā)送和處理 Ajax 請求。