AJAX（Asynchronous JavaScript and XML）是一種用于創建交互性網頁的技術。它允許網頁與服務器進行異步通信，無需刷新整個頁面即可獲取和更新數據。獲取返回數據類型是 AJAX 中的一個重要概念，它決定了服務器響應的數據類型是什么。在本文中，我們將探討如何使用 AJAX 獲取返回數據類型，并通過舉例說明其用法。

在 AJAX 中，獲取返回數據類型是通過服務器響應頭中的 Content-Type 屬性來確定的。服務器會在響應頭中設置 Content-Type 屬性，以指示返回數據的類型。下面是一些常見的返回數據類型：

text/html：返回 HTML 數據
application/json：返回 JSON 數據
application/xml：返回 XML 數據
text/plain：返回純文本數據

通過 AJAX 獲取返回數據類型非常簡單。我們可以使用 XMLHttpRequest 對象的 readyStateChange 事件來監聽服務器響應，并通過其 getAllResponseHeaders() 方法獲取響應頭信息。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var contentType = xhr.getAllResponseHeaders().split('\n')[0].split(':')[1];
console.log(contentType.trim());
}
};
xhr.open('GET', 'example.com/api/data', true);
xhr.send();

在上面的例子中，我們發送了一個 GET 請求到 example.com/api/data 接口，并在 readyStateChange 事件中獲取了服務器返回的響應頭信息。通過 split() 和 trim() 方法，我們從響應頭中提取出了 Content-Type 屬性，并打印到控制臺上。

如果我們想根據返回數據類型來處理不同的數據，可以通過判斷 Content-Type 屬性的值來實現。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var contentType = xhr.getAllResponseHeaders().split('\n')[0].split(':')[1];
var responseData = xhr.responseText;
if (contentType.includes('json')) {
var data = JSON.parse(responseData);
// 處理 JSON 數據的邏輯
} else if (contentType.includes('xml')) {
var parser = new DOMParser();
var xmlDoc = parser.parseFromString(responseData, "text/xml");
// 處理 XML 數據的邏輯
} else {
// 處理其他類型數據的邏輯
}
}
};
xhr.open('GET', 'example.com/api/data', true);
xhr.send();

在上面的代碼中，我們首先通過 split() 和 trim() 方法獲取了 Content-Type 屬性，然后根據不同的屬性值進行不同的處理。如果返回的是 JSON 數據，我們使用 JSON.parse() 方法將字符串數據轉換為 JSON 對象；如果是 XML 數據，我們使用 DOMParser 對象解析字符串為 XML 文檔對象。處理其他類型的數據則根據實際需求來進行邏輯的設計。

通過以上的實例，我們可以輕松地使用 AJAX 獲取返回數據類型，并根據不同類型的數據進行相應的處理。這種靈活性使得 AJAX 成為構建現代 Web 應用程序的重要工具。