AJAX（Asynchronous JavaScript and XML）是一種在網頁中實現異步數據交互的技術。它可以通過后臺接口獲取數據，并將其實時地更新到網頁上，無需刷新整個頁面。在實際開發中，接口返回的數據類型有多種，可以是文本、JSON對象、XML文檔等。本文將重點介紹使用 AJAX 實現接口返回的不同數據類型，并給出相應的示例。

對于接口返回的文本數據類型，我們可以通過 AJAX 將數據實時更新到網頁上。在前端頁面上，我們可以使用 XMLHttpRequest 對象來發送異步請求，并通過回調函數處理返回的數據。

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

在上面的示例中，我們使用 XMLHttpRequest 對象發送了一個 GET 請求，并將返回的文本數據實時更新到 id 為 "demo" 的 HTML 元素中。在這個例子中，我們訪問的是一個名為 example.txt 的文件，該文件中的內容將會被顯示在頁面上。

接口返回的數據類型還可以是 JSON 對象。JSON（JavaScript Object Notation）是一種常用的數據格式，它可以表示復雜的數據結構。在前端中，我們可以通過 AJAX 請求接口返回的 JSON 數據，并在頁面上展示或進行進一步處理。

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var data = JSON.parse(this.responseText);
// 處理返回的 JSON 數據
}
};
xhttp.open("GET", "example.json", true);
xhttp.send();
</script>

在這個示例中，我們先將接口返回的 JSON 數據通過 JSON.parse() 方法解析成一個 JavaScript 對象，然后可以根據需要對該對象進行進一步操作。比如，我們可以將數據顯示在頁面上，或者提取其中的某些字段進行計算和展示。

除了文本和 JSON 對象，接口返回的數據類型還可以是 XML 文檔。XML（eXtensible Markup Language）是一種用于存儲和傳輸數據的標記語言。在前端中，我們可以通過 AJAX 請求接口返回的 XML 數據，并對其進行解析和處理。

<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var xmlDoc = this.responseXML;
// 處理返回的 XML 數據
}
};
xhttp.open("GET", "example.xml", true);
xhttp.send();
</script>

在這個示例中，我們通過 XMLHttpRequest 對象接收到返回的 XML 數據，然后可以使用 DOM（Document Object Model）方法來操作該 XML 文檔。比如，我們可以提取其中的節點、修改節點的值、添加新的節點等。

總結而言，使用 AJAX 實現接口返回的數據類型包括文本、JSON 對象和 XML 文檔。我們可以根據實際需要選擇適合的數據類型，并通過相應的代碼將數據展示到網頁上或進行進一步的處理。通過靈活運用 AJAX 技術，我們可以實現更加豐富、動態的網頁交互體驗。