Ajax是一種強大的前端技術，它可以通過在后臺與服務器進行異步通信，實現網頁局部刷新，提高用戶體驗。通過Ajax，我們可以向服務器發送請求，并傳遞各種類型的數據。在本文中，我們將詳細討論Ajax可以傳遞哪些數據的問題，并通過舉例加以說明。 首先，Ajax可以傳遞文本數據。當我們需要向服務器獲取文本內容時，可以將Ajax請求的結果以字符串的形式返回到前端。例如，我們可以通過Ajax獲取一個博客文章的內容，并將其顯示在網頁中。以下是一個使用Ajax傳遞文本數據的示例：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = this.responseText;
document.getElementById("articleContent").innerHTML = response;
}
};
xhttp.open("GET", "getArticle.php?id=1", true);
xhttp.send();

上面的代碼中，Ajax請求向服務器發送了一個GET請求，并指定了要獲取的文章的ID。服務器將根據這個ID返回相應的文章內容，然后前端將其顯示在articleContent元素中。 其次，Ajax可以傳遞JSON數據。JSON是一種輕量級的數據交換格式，經常用于在前后端之間傳遞數據。通過Ajax，我們可以發送JSON格式的數據到服務器，或從服務器獲取JSON數據。例如，我們可以使用Ajax將表單中用戶輸入的數據發送到服務器，并獲得服務器返回的結果。以下是一個使用Ajax傳遞JSON數據的示例：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = JSON.parse(this.responseText);
if(response.success) {
alert("登錄成功！");
} else {
alert("登錄失敗，請檢查用戶名和密碼。");
}
}
};
xhttp.open("POST", "login.php", true);
xhttp.setRequestHeader("Content-Type", "application/json");
var data = JSON.stringify({username: "John", password: "pass123"});
xhttp.send(data);

上述代碼中，我們通過Ajax發送了一個POST請求，將用戶名和密碼以JSON格式發送到login.php。服務器接收到這些數據后，進行驗證，然后返回一個JSON對象表示登錄結果。前端根據服務器返回的結果做出相應的處理。 此外，Ajax還可以傳遞XML數據。XML是一種通用的標記語言，可用于描述各種類型的數據。通過Ajax，我們可以將XML數據發送到服務器或從服務器獲取XML數據。例如，我們可以使用Ajax向服務器發送一個包含學生信息的XML文件，并獲取服務器返回的成績報告。以下是一個使用Ajax傳遞XML數據的示例：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var response = this.responseXML;
var scores = response.getElementsByTagName("score");
for (var i = 0; i< scores.length; i++) {
var subject = scores[i].getAttribute("subject");
var grade = scores[i].textContent;
console.log(subject + ": " + grade);
}
}
};
xhttp.open("GET", "getScore.php?studentId=123", true);
xhttp.send();

上述代碼中，我們使用Ajax發送了一個GET請求，將學生ID發送到getScore.php。服務器根據學生ID返回一個包含成績信息的XML文件。前端將這個XML文件解析后，獲取各科成績并進行相應的處理。 綜上所述，Ajax可以傳遞文本、JSON和XML等各種類型的數據。通過Ajax，我們可以在前后端之間進行高效的數據傳遞，實現更加靈活和動態的網頁交互。通過靈活運用Ajax，我們可以為用戶提供更好的交互體驗，并提高網頁的效率和性能。