在現代的Web開發中，AJAX（Asynchronous JavaScript and XML）已經成為了一項非常重要的技術。利用AJAX技術，我們可以在不刷新整個頁面的情況下，通過與服務器進行通信，動態地更新頁面的內容。其中，與服務器進行通信的數據格式通常為JSON（JavaScript Object Notation）。接下來，我們將通過一個簡單的例子來說明如何使用AJAX與服務器進行通信，并獲取返回的JSON數據。

假設我們正在開發一個電子商務網站，需要展示商品的相關信息，比如商品的名稱、價格、描述等等。我們可以通過AJAX技術，從后臺服務器獲取這些商品數據，并將其動態地插入到網頁的相應位置，無需刷新整個頁面，提升用戶體驗。

首先，我們需要在前端代碼中使用AJAX發送一個HTTP請求，從服務器獲取商品數據。以下是一段使用jQuery庫的代碼示例：

$.ajax({
url: "http://example.com/getGoodsData",
type: "GET",
dataType: "json",
success: function(data) {
// 在此處處理返回的JSON數據
},
error: function() {
// 處理錯誤情況
}
});

在上面的代碼中，我們使用了$.ajax()方法發送了一個GET請求，并指定了請求的URL、數據類型為JSON。當請求成功后，會調用success函數，我們可以在該函數中處理返回的JSON數據。如果請求失敗，則會調用error函數，我們可以在該函數中處理錯誤情況。

在我們的例子中，我們希望獲取商品的相關信息，比如名稱、價格、描述。假設服務器返回的JSON數據如下：

{
"goodsName": "iPhone 12",
"price": 6999,
"description": "Apple新一代智能手機，配備A14芯片，5G網絡支持等"
}

在success函數中，我們可以使用JavaScript的對象解構語法來獲取JSON數據中的具體屬性值：

success: function(data) {
const { goodsName, price, description } = data;
// 在此處使用解構后的屬性值進行進一步操作，比如將數據插入到網頁相應位置
}

通過上述代碼，我們成功地將從后臺服務器獲取的商品名稱、價格和描述值分別賦給了goodsName、price和description變量。這樣，我們就可以進一步使用這些值，比如將商品名稱和價格插入到網頁的相應位置，以展示給用戶。

總結來說，AJAX技術與后臺JSON數據的結合為我們提供了動態更新網頁內容的可能性。通過使用AJAX發送HTTP請求，并獲得JSON格式的數據，我們可以靈活地在網頁中展示、操作這些數據，無需刷新整個頁面，大大提升了用戶體驗。