Ajax是一種用于在Web頁面上向服務器發送和檢索數據的技術。它允許我們在不刷新整個頁面的情況下更新部分頁面內容。與傳統的HTTP請求不同，Ajax使用異步請求來與服務器進行交互，提供了更好的用戶體驗。其中一個常見的用例是通過Ajax傳遞JSON字符串。本文將探討如何使用Ajax傳遞JSON字符串，并提供相關代碼示例。

首先，讓我們看一個簡單的例子。假設我們有一個包含學生信息的HTML表單，其中包括學生的姓名、年齡和成績等字段。當用戶在表單中輸入學生信息并點擊提交按鈕時，我們可以使用Ajax將這些信息發送到服務器進行處理。以下是一個使用jQuery庫來實現Ajax調用的示例代碼：

$.ajax({
url: 'server.php',
method: 'POST',
data: {
name: 'John',
age: 18,
grade: 90
},
success: function(response) {
console.log('Data saved successfully: ' + response);
},
error: function(error) {
console.log('Error occurred while saving data: ' + error);
}
});

在上述代碼中，我們首先指定了要發送Ajax請求的URL（'server.php'），并設置了請求的HTTP方法為POST。然后，我們使用data屬性將學生信息作為一個JSON對象傳遞給服務器。服務器可以通過讀取這些數據并執行相應的操作，例如將學生信息保存到數據庫中。在服務器處理完請求后，它將返回一個響應，我們可以在success回調函數中處理該響應。如果在請求過程中發生任何錯誤，我們可以在error回調函數中處理錯誤信息。

另一個常見的用例是從服務器檢索JSON字符串并在頁面上顯示。假設我們有一個Web應用程序，它能夠從服務器獲取有關電影的信息，并以JSON格式返回。以下是一個使用原生JavaScript來實現Ajax調用的示例代碼：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'movies.json', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var movies = JSON.parse(xhr.responseText);
movies.forEach(function(movie) {
console.log('Movie title: ' + movie.title);
console.log('Director: ' + movie.director);
console.log('Release year: ' + movie.releaseYear);
});
} else if (xhr.readyState === 4 && xhr.status !== 200) {
console.log('Failed to retrieve movie data');
}
};
xhr.send();

在上面的示例中，我們創建了一個XMLHttpRequest對象，并使用open方法指定了要使用的HTTP方法（GET）和要獲取數據的URL（'movies.json'）。然后，我們使用onreadystatechange事件來監聽請求狀態的變化。當請求的狀態為4（表示請求完成）且響應的狀態為200（表示請求成功）時，我們可以通過調用JSON.parse方法將響應的文本解析為一個包含電影信息的數組。最后，我們使用forEach方法遍歷每個電影對象，并在控制臺上打印出一些信息。如果請求過程中有任何錯誤，我們將在else if分支中處理錯誤。

通過以上兩個例子，我們可以看到使用Ajax傳遞JSON字符串的過程并不復雜。只需將JSON對象作為數據參數傳遞給Ajax請求，并在服務器和客戶端之間進行適當的數據交互和處理即可。無論是將數據發送到服務器還是從服務器獲取數據顯示在頁面上，Ajax傳遞JSON字符串都能夠幫助我們實現更加靈活和動態的Web應用程序。