AJAX是一種在網頁中進行數據交互的技術，使用它可以在不刷新整個頁面的情況下獲取和更新數據。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，它以簡潔明了的方式表示結構化數據。在前端開發中，經常需要從服務器獲取JSON數據后進行處理和展示。本文將介紹如何使用AJAX獲取JSON數據，并對獲取的數據進行轉換。

假設我們正在開發一個在線商城的商品列表頁面，需要從服務器獲取商品信息并展示到頁面上。我們可以使用AJAX發送GET請求獲取JSON數據。下面是使用jQuery庫的示例代碼：

$.ajax({
url: "商品列表的接口URL",
type: "GET",
dataType: "json",
success: function(response) {
// 在這里對獲取的JSON數據進行處理
console.log(response);
},
error: function(xhr, status, error) {
console.error(error);
}
});

在上面的代碼中，我們使用了$.ajax()函數發送GET請求。url參數指定了服務器接口的URL，type參數指定了請求的類型為GET，dataType參數指定了預期的數據類型為JSON。在請求成功后，回調函數success將以response參數接收到服務器返回的JSON數據。我們可以在回調函數中對獲取的數據進行處理和展示。

對于獲取的JSON數據，我們可以根據需要進行轉換和操作。例如，我們可以使用JSON.parse()方法將JSON字符串轉換為JavaScript對象，以便更方便地訪問和操作數據。下面是一個示例：

var jsonString = '{"name": "iPhone 12", "price": 9999}';
var jsonObject = JSON.parse(jsonString);
console.log(jsonObject.name); // 輸出：iPhone 12
console.log(jsonObject.price); // 輸出：9999

在上面的代碼中，我們定義了一個JSON字符串jsonString，然后使用JSON.parse()方法將其轉換為JavaScript對象jsonObject。通過訪問對象的屬性，我們可以獲取到相應的值。在實際開發中，我們可以根據服務器返回的JSON數據的結構，針對不同的屬性進行操作。

除了將JSON字符串轉換為JavaScript對象，我們還可以將JavaScript對象轉換為JSON字符串。可以使用JSON.stringify()方法將JavaScript對象轉換為JSON字符串，方便在數據傳輸或存儲時使用。下面是一個示例：

var jsonObject = { "name": "iPhone 12", "price": 9999 };
var jsonString = JSON.stringify(jsonObject);
console.log(jsonString); // 輸出：{"name":"iPhone 12","price":9999}

在上面的代碼中，我們定義了一個JavaScript對象jsonObject，然后使用JSON.stringify()方法將其轉換為JSON字符串jsonString。通過打印輸出，我們可以看到轉換后的字符串。

綜上所述，我們可以使用AJAX從服務器獲取JSON數據，并通過轉換將其轉換為適合操作的JavaScript對象。這樣我們可以靈活地處理數據，并將其展示在頁面上。通過靈活運用AJAX和JSON的轉換，我們可以提升用戶體驗，實現更豐富的交互。