本文將介紹Ajax傳遞的數據類型。Ajax（Asynchronous JavaScript And XML）是一種無需刷新整個頁面的技術，通過在后臺與服務器進行數據交換，實現異步更新頁面的效果。Ajax可以傳遞多種數據類型，包括XML、JSON、HTML和純文本等。

首先，XML（eXtensible Markup Language）是一種標記語言，被廣泛用于數據交換和存儲。在Ajax中，XML常用于返回服務器響應的數據。下面是一個簡單的例子：

<script>
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var responseXML = xmlhttp.responseXML;
var name = responseXML.getElementsByTagName("name")[0].childNodes[0].nodeValue;
document.getElementById("result").innerHTML = name;
}
}
xmlhttp.open("GET", "example.xml", true);
xmlhttp.send();
</script>

在上面的例子中，通過Ajax請求example.xml文件，并通過XML解析獲取name節點的值，然后將其顯示在頁面上。

其次，JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，比XML更簡潔、易讀和易于解析。在Ajax中，JSON常用于返回結構化數據。以下是一個示例：

<script>
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var jsonObject = JSON.parse(xmlhttp.responseText);
var name = jsonObject.name;
var age = jsonObject.age;
document.getElementById("result").innerHTML = "Name: " + name + ", Age: " + age;
}
}
xmlhttp.open("GET", "example.json", true);
xmlhttp.send();
</script>

在以上示例中，通過Ajax請求example.json文件，并通過JSON.parse方法解析響應的JSON數據。然后，我們可以根據解析后的數據在頁面上顯示出來。

此外，在Ajax中還可以直接傳輸HTML片段。這在一些無需頻繁交互的場景中非常有用。以下是一個例子：

<script>
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("result").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "example.html", true);
xmlhttp.send();
</script>

在上述例子中，通過Ajax請求example.html文件，并將響應的HTML片段插入到頁面中指定的元素中。

最后一種常見的數據類型是純文本。在某些情況下，我們只需要獲取服務器返回的純文本內容，如文本文件或API的文檔等。以下是一個簡單的示例：

<script>
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("result").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "example.txt", true);
xmlhttp.send();
</script>

在以上例子中，通過Ajax請求example.txt文件，并將服務器返回的純文本內容顯示在頁面上。

綜上所述，Ajax可以傳遞多種數據類型，包括XML、JSON、HTML和純文本等。開發者根據具體需求選擇合適的數據類型，使得服務器響應能夠滿足前端的需要。