使用Ajax技術(shù)可以實現(xiàn)無刷新頁面的數(shù)據(jù)交互，其中txt格式是一種常見的文本文件格式。在Ajax中，我們可以通過讀取txt文件的內(nèi)容，并將其展示在頁面上。本文將詳細介紹如何使用Ajax來讀取txt文件，并展示其中的內(nèi)容。 要讀取txt文件，我們首先需要創(chuàng)建一個XMLHttpRequest對象，并通過open()方法指定請求的文件路徑和請求方式。然后，通過send()方法發(fā)送請求。下面是一個示例代碼：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.txt', true);
xhr.send();

上述代碼中，我們通過GET方式請求路徑為example.txt的txt文件。如果請求成功，可以通過onreadystatechange事件來監(jiān)聽狀態(tài)變化，并在狀態(tài)為4且響應狀態(tài)為200時獲取文件內(nèi)容。下面是一個完整的代碼示例：

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

在上述代碼中，我們通過xhr.responseText獲取到txt文件的內(nèi)容，然后將其賦值給id為"content"的元素，以展示在頁面上。 假設(shè)我們有一個example.txt文件，其中的內(nèi)容如下：

Hello World!
This is a text file.
It can be read using Ajax.

當我們運行上述代碼后，頁面上的內(nèi)容將會顯示為：

Hello World!
This is a text file.
It can be read using Ajax.

通過上述示例，我們可以看到，使用Ajax技術(shù)讀取并展示txt文件的內(nèi)容是相對簡單的。使用Ajax還可以對txt文件進行更多的操作，比如向txt文件中寫入內(nèi)容等。總之，Ajax為我們處理txt文件提供了便利，使得我們能夠更靈活地處理文本數(shù)據(jù)。