AJAX（Asynchronous JavaScript And XML）可以實(shí)現(xiàn)一條一條地顯示數(shù)據(jù)。以一個(gè)簡單的例子來說明，假設(shè)我們有一個(gè)學(xué)生名單的數(shù)據(jù)庫，我們希望通過AJAX來獲取學(xué)生名字并逐一顯示在頁面上。

在使用AJAX之前，我們需要先創(chuàng)建一個(gè)XMLHttpRequest對象，通過該對象來發(fā)送異步請求。同時(shí)，我們還需要定義一個(gè)回調(diào)函數(shù)，用于處理服務(wù)器返回的數(shù)據(jù)。下面是一個(gè)簡單的示例代碼：

// 創(chuàng)建XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 設(shè)置回調(diào)函數(shù)
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var students = JSON.parse(xhr.responseText);
displayStudents(students); // 顯示學(xué)生名字
}
};
// 發(fā)送異步請求
xhr.open('GET', 'students.php', true);
xhr.send();

在上面的代碼中，我們使用了GET方法發(fā)送異步請求到服務(wù)器的students.php文件，并將服務(wù)器返回的數(shù)據(jù)存儲在變量students中。下一步，我們需要定義一個(gè)處理數(shù)據(jù)的函數(shù)displayStudents：

function displayStudents(students) {
var container = document.getElementById('student-list'); // 獲取存放學(xué)生名單的容器元素
for (var i = 0; i< students.length; i++) {
var studentName = students[i].name;
var listItem = document.createElement('li'); // 創(chuàng)建一個(gè)列表項(xiàng)元素
listItem.textContent = studentName; // 設(shè)置列表項(xiàng)的文本內(nèi)容
container.appendChild(listItem); // 將列表項(xiàng)添加到容器中
}
}

在上面的代碼中，我們首先通過ID獲取了一個(gè)存放學(xué)生名單的容器元素，然后通過一個(gè)循環(huán)遍歷學(xué)生名單數(shù)組，逐一創(chuàng)建列表項(xiàng)元素，并將學(xué)生名字添加到其中。最后，將每個(gè)列表項(xiàng)添加到容器中。

通過以上的代碼，我們已經(jīng)實(shí)現(xiàn)了通過AJAX逐一顯示學(xué)生名字的功能。假設(shè)數(shù)據(jù)庫中存儲了以下學(xué)生名字：

[
{
"name": "張三"
},
{
"name": "李四"
},
{
"name": "王五"
}
]

當(dāng)我們運(yùn)行代碼后，頁面上將依次顯示出：“張三”、“李四”、“王五”三個(gè)學(xué)生的名字。這是因?yàn)锳JAX是異步的，不會阻塞頁面的其他操作，而是在后臺執(zhí)行。因此，我們可以逐步獲取數(shù)據(jù)并將其展示在頁面上。

AJAX的一條一條顯示數(shù)據(jù)的功能在實(shí)際應(yīng)用中非常有用。比如，在一個(gè)聊天應(yīng)用中，我們可以通過AJAX從服務(wù)器獲取聊天記錄并逐一顯示在頁面中，讓用戶可以實(shí)時(shí)看到最新的聊天內(nèi)容。又或者，在一個(gè)新聞網(wǎng)站中，我們可以通過AJAX從服務(wù)器獲取新聞列表并逐一顯示在頁面中，讓用戶可以逐漸加載更多的新聞內(nèi)容。

綜上所述，通過AJAX一條一條地顯示數(shù)據(jù)是一種非常實(shí)用的功能。通過異步請求及回調(diào)函數(shù)的配合，我們可以逐步獲取數(shù)據(jù)并將其逐一展示在頁面上，提升用戶體驗(yàn)。