AJAX（Asynchronous JavaScript and XML）指的是一種用于在網頁上進行異步數據交互的技術。它通過在 Web 頁面上使用 JavaScript 與服務器進行數據通信，實現了在不刷新整個頁面的情況下更新部分頁面內容的效果。在實際應用中，AJAX 傳輸的數據可以采用多種格式，如 XML、JSON、HTML 等。下面將分別介紹這些數據格式以及它們在 AJAX 中的應用。

XML（eXtensible Markup Language）是一種標記語言，可以用來存儲和傳輸數據。XML 適用于表示數據的層次結構，因此在 AJAX 中經常被用于傳輸結構化的數據。例如，我們可以通過 AJAX 請求獲得一個包含學生信息的 XML 文件，并使用 JavaScript 提取出其中的姓名、年齡、性別等信息，然后根據需要更新頁面的顯示內容。以下代碼展示了一個簡單的 AJAX 請求，該請求返回的數據為 XML 格式：

var xmlhttp;
if (window.XMLHttpRequest) {
// 用于 IE7+, Firefox, Chrome, Opera, Safari 瀏覽器
xmlhttp = new XMLHttpRequest();
} else {
// 用于 IE6, IE5 瀏覽器
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 解析 XML 數據并更新頁面內容
var xmlDoc = xmlhttp.responseXML;
var name = xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
var age = xmlDoc.getElementsByTagName("age")[0].childNodes[0].nodeValue;
var gender = xmlDoc.getElementsByTagName("gender")[0].childNodes[0].nodeValue;
document.getElementById("name").innerHTML = "姓名：" + name;
document.getElementById("age").innerHTML = "年齡：" + age;
document.getElementById("gender").innerHTML = "性別：" + gender;
}
};
xmlhttp.open("GET", "students.xml", true);
xmlhttp.send();

JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于表示結構化的數據。JSON 具有易于閱讀和編寫的特點，同時也易于解析和生成。在 AJAX 中，通常使用 JSON 格式傳輸數據，并通過 JavaScript 的 JSON 對象進行解析。以下代碼演示了一個簡單的 AJAX 請求，該請求返回的數據為 JSON 格式：

var xmlhttp;
if (window.XMLHttpRequest) {
// 用于 IE7+, Firefox, Chrome, Opera, Safari 瀏覽器
xmlhttp = new XMLHttpRequest();
} else {
// 用于 IE6, IE5 瀏覽器
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 解析 JSON 數據并更新頁面內容
var response = JSON.parse(xmlhttp.responseText);
var name = response.name;
var age = response.age;
var gender = response.gender;
document.getElementById("name").innerHTML = "姓名：" + name;
document.getElementById("age").innerHTML = "年齡：" + age;
document.getElementById("gender").innerHTML = "性別：" + gender;
}
};
xmlhttp.open("GET", "students.json", true);
xmlhttp.send();

HTML（HyperText Markup Language）是用于創建網頁的標準標記語言。在 AJAX 中，我們可以通過請求一個包含 HTML 片段的文件，獲取需要動態更新的頁面內容。例如，可以通過一個 AJAX 請求獲取評論列表的 HTML 片段，并將其插入到頁面中相應的位置，從而實現評論的動態加載。以下代碼演示了一個簡單的 AJAX 請求，該請求返回的數據為 HTML 格式：

var xmlhttp;
if (window.XMLHttpRequest) {
// 用于 IE7+, Firefox, Chrome, Opera, Safari 瀏覽器
xmlhttp = new XMLHttpRequest();
} else {
// 用于 IE6, IE5 瀏覽器
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
// 更新頁面內容
document.getElementById("comments").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "comments.html", true);
xmlhttp.send();

以上是三種常見的 AJAX 數據格式及其在實際應用中的應用。不同的數據格式適用于不同的場景，開發者需要根據具體需求選擇合適的數據格式。XML 適合表示復雜的結構化數據，JSON 適合表示簡單的鍵值對數據，而 HTML 則適用于動態加載頁面內容。通過選擇合適的數據格式，開發者可以更加高效地進行數據傳輸和頁面更新。