AJAX是一種用于在網頁上異步加載數據的技術，而JSON是一種用于存儲和交換數據的格式。在現代Web開發中，AJAX和JSON經常被一起使用，以提供更好的用戶體驗和更高效的數據交互方式。本文將介紹AJAX和JSON之間的關系以及如何使用AJAX加載和解析JSON字符串。

首先，讓我們來看一個簡單的例子，例如一個在線電影數據庫應用，我們希望通過AJAX加載電影數據并將其展示在網頁上。當用戶點擊“加載”按鈕時，我們使用AJAX發送一個GET請求到服務器的/movie/data路徑：

$.ajax({
url: "/movie/data",
type: "GET",
success: function(response) {
// 處理返回的JSON字符串
var movies = JSON.parse(response);
// 更新頁面內容
for (var i = 0; i< movies.length; i++) {
var movie = movies[i];
var html = "
" + movie.title + " - " + movie.year + "
";
$("#movie-list").append(html);
}
}
});

在上述代碼中，我們使用了jQuery的ajax方法來發送一個GET請求，并指定了一個回調函數來處理成功的響應。callback函數中的response參數是一個JSON字符串，我們通過JSON.parse方法將其解析成一個JavaScript對象（或數組）。然后，我們可以使用解析后的數據來更新頁面內容。

接下來，讓我們看看一個更復雜的例子，例如一個天氣預報應用。我們可以使用AJAX來請求一個天氣API，并獲取返回的JSON數據。假設我們發送一個GET請求到/weather/data，并期望返回如下的JSON字符串：

{
"city": "Shanghai",
"temperature": 28,
"condition": "sunny"
}

為了解析這個JSON字符串，我們可以將其賦值給一個JavaScript對象，并直接訪問其中的屬性：

$.ajax({
url: "/weather/data",
type: "GET",
success: function(response) {
var weather = JSON.parse(response);
// 更新頁面內容
var html = "Current weather in " + weather.city + ": " + weather.temperature + "°C, " + weather.condition;
$("#weather-info").html(html);
}
});

在上述代碼中，我們首先解析返回的JSON字符串，并將其賦值給變量weather。然后，我們可以直接訪問weather對象的屬性，并使用它們來更新頁面內容。

綜上所述，AJAX和JSON是一對強力組合，可以實現高效的數據交互。使用AJAX加載和解析JSON字符串，可以輕松地從服務器獲取數據并將其展示在網頁上。無論是顯示電影信息、天氣預報還是其他類型的應用，AJAX和JSON都可以提供便捷且靈活的解決方案。