Ajax是一種用來在不重新加載整個網(wǎng)頁的情況下，通過與服務(wù)器進(jìn)行數(shù)據(jù)交換的技術(shù)。通過Ajax，可以在頁面上動態(tài)加載內(nèi)容，提高用戶體驗。在原生的JavaScript中，我們可以使用XMLHttpRequest對象來實現(xiàn)Ajax功能。下面我們來看一個簡單的示例，以便更好地理解Ajax的使用。
假設(shè)我們有一個網(wǎng)頁上有一個按鈕，當(dāng)點擊該按鈕時，通過Ajax從服務(wù)器獲取一段文本內(nèi)容，并在頁面上展示。在HTML部分，我們添加一個按鈕和一個用于展示文本的標(biāo)簽：
在JavaScript中，我們定義一個showText函數(shù)用于處理按鈕的點擊事件，并使用XMLHttpRequest對象發(fā)送請求并獲取服務(wù)器返回的數(shù)據(jù)，然后將其展示在頁面上。
function showText() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.getElementById("text").innerHTML = xhr.responseText;
}
};
xhr.open("GET", "text.txt", true);
xhr.send();
}在這個示例中，我們使用XMLHttpRequest對象創(chuàng)建了一個對象xhr，并定義了其onreadystatechange事件的處理函數(shù)。當(dāng)xhr的readyState屬性為4（代表請求已完成且響應(yīng)已就緒）且status屬性為200（代表響應(yīng)成功），我們將服務(wù)器返回的文本內(nèi)容設(shè)置為頁面上標(biāo)簽的innerHTML。
最后，我們需要在服務(wù)器上創(chuàng)建一個文本文件text.txt，該文件中包含我們希望在頁面上展示的內(nèi)容。這樣，當(dāng)我們點擊按鈕時，ajax會向服務(wù)器發(fā)送請求，服務(wù)器返回文本內(nèi)容，通過JavaScript將其展示在頁面上。
通過這個簡單的示例，我們可以看到Ajax的使用原生js方式也是非常簡單的。這只是Ajax功能的冰山一角，Ajax還可以通過POST方法發(fā)送數(shù)據(jù)，可以通過JSON等格式交換數(shù)據(jù)，可以使用第三方庫更加方便地實現(xiàn)功能等等。希望通過這篇文章，讀者能對Ajax有一個初步的了解，并能進(jìn)一步學(xué)習(xí)和實踐。