AJAX是一種用于在網頁上實現異步通信的技術，可以通過在不刷新頁面的情況下，向服務器發送請求并獲取響應。在AJAX中，常見的數據格式包括JSON和Text。JSON作為一種輕量級的數據交換格式，常用于傳輸結構化的數據，而Text則可以用于傳輸純文本數據。本文將分別介紹JSON和Text在AJAX中的應用，并通過舉例說明其使用方式及優勢。

首先，我們來看JSON。由于JSON的結構清晰簡潔，易于解析和生成，它成為AJAX中常用的數據格式。當我們向服務器發送請求并獲取JSON格式的響應時，可以通過解析響應數據，動態地在網頁上展示內容。舉個例子，假設我們開設了一個天氣預報網頁，用戶可以輸入城市名稱，通過AJAX請求獲取該城市的天氣信息。服務器返回的響應數據可以是一個JSON對象，其中包含該城市的溫度、濕度、天氣狀況等信息。通過解析JSON，我們可以將這些信息動態地展示在網頁上，使用戶實時獲取到所需的天氣信息。

<script>
// 發送AJAX請求，獲取天氣信息
function getWeather(city) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var weatherData = JSON.parse(xhr.responseText);
// 解析JSON并在網頁上展示天氣信息
displayWeather(weatherData);
} else {
console.error('Failed to get weather data.');
}
}
}
xhr.open('GET', 'weather.php?city=' + city, true);
xhr.send();
}
// 在網頁上展示天氣信息
function displayWeather(data) {
var temperature = data.temperature;
var humidity = data.humidity;
var condition = data.condition;
// ...
// 顯示天氣信息的邏輯...
}
</script>

除了JSON，Text也是AJAX中常用的數據格式之一。相比于JSON，Text更加適用于傳輸純文本數據，比如HTML代碼、純文本文檔等。通過使用Text格式，我們可以在不刷新網頁的情況下，動態地更新文本內容。假如我們開設了一個在線筆記應用，用戶可以通過AJAX請求獲取已保存的筆記內容。服務器返回的響應數據可以是一段純文本文檔，其中存儲著用戶的筆記內容。利用Text格式，我們可以將這份筆記內容動態地展示在網頁中，并允許用戶繼續編輯、保存。

<script>
// 發送AJAX請求，獲取筆記內容
function getNote() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var noteContent = xhr.responseText;
// 在網頁上展示筆記內容
displayNoteContent(noteContent);
} else {
console.error('Failed to get note content.');
}
}
}
xhr.open('GET', 'note.php', true);
xhr.send();
}
// 在網頁上展示筆記內容
function displayNoteContent(content) {
document.getElementById('note').innerText = content;
}
</script>

綜上所述，JSON和Text作為常用的AJAX數據格式，分別適用于結構化數據和純文本數據的傳輸。通過合理地使用這兩種數據格式，我們可以實現網頁的動態交互，讓用戶獲得更好的使用體驗。無論是獲取天氣信息還是在線編輯筆記，AJAX結合JSON和Text的應用為我們提供了更多的可能性。