AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式網頁應用程序的技術。借助AJAX，Web應用程序可以在不重新加載整個頁面的情況下，通過異步請求從服務器獲取數據并更新頁面內容。使用AJAX，我們可以獲取各種類型的數據，這包括文本數據、JSON數據、XML數據和HTML數據等。本文將介紹AJAX可以獲取的不同類型的數據，并通過舉例說明。

1. 文本數據：

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

通過AJAX，我們可以通過GET方法從服務器獲取文本數據。在上面的代碼中，我們通過XMLHttpRequest對象創建了一個異步請求，并指定了服務器上的數據文件"data.txt"。當請求成功返回并處于readyState為4的狀態時，我們可以讀取服務器返回的文本數據，將其顯示在頁面的一個元素（例如ID為"result"的div）中。

2. JSON數據：

<script>
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var jsonData = JSON.parse(xhr.responseText);
var html = "";
for (var i = 0; i < jsonData.length; i++) {
html += "<li>" + jsonData[i].name + "</li>";
}
document.getElementById("result").innerHTML = html;
}
};
xhr.send();
</script>

除了文本數據，我們還可以通過AJAX獲取JSON（JavaScript Object Notation）數據。在上述代碼中，我們發送了一個GET請求，并指定了服務器上的JSON數據文件"data.json"。當請求成功返回且readyState為4時，我們使用JSON.parse將返回的JSON字符串解析為JavaScript對象。然后，我們可以根據JSON對象的屬性進行數據操作，例如將名字屬性顯示在一個無序列表中。

3. XML數據：

<script>
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.xml", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var xmlDoc = xhr.responseXML;
var students = xmlDoc.getElementsByTagName("student");
var html = "";
for (var i = 0; i < students.length; i++) {
var name = students[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
html += "<li>" + name + "</li>";
}
document.getElementById("result").innerHTML = html;
}
};
xhr.send();
</script>

XML（eXtensible Markup Language）是一種可擴展的標記語言，也可以通過AJAX獲取。在上面的代碼中，我們發送了GET請求并指定了服務器上的XML數據文件"data.xml"。當請求成功返回且readyState為4時，我們通過xhr.responseXML獲取響應的XML文檔對象。我們可以根據XML文檔對象的結構解析數據并進行操作，例如獲取所有名為"student"的元素，并通過遍歷獲取每個學生的名字并顯示在頁面上。

4. HTML數據：

<script>
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.html", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var htmlData = xhr.responseText;
var resultDiv = document.getElementById("result");
resultDiv.innerHTML = htmlData;
}
};
xhr.send();
</script>

最后，我們還可以通過AJAX獲取HTML數據。在上述代碼中，我們發送了一個GET請求，并指定了服務器上的HTML文件"data.html"。當請求成功返回且readyState為4時，我們讀取服務器響應的HTML代碼，并將它插入到頁面中的一個div元素中，從而實現動態加載HTML內容。

綜上所述，AJAX可以用于獲取多種類型的數據，包括文本數據、JSON數據、XML數據和HTML數據等。通過AJAX和不同的數據類型，我們可以實現各種交互式和動態的網頁應用程序。