AJAX（Asynchronous JavaScript and XML）是一種網頁開發技術，可以通過異步通信與服務器進行數據交互，使網頁能夠實時獲取和展示最新數據，提升用戶體驗。在進行數據交互時，往往需要將數據以特定的格式傳輸，其中最常用的格式之一是JSON（JavaScript Object Notation）。JSON是一種輕量級的數據交換格式，常用于前后端數據傳輸。本文將介紹如何使用AJAX將數據從服務器以JSON格式獲取，并將其轉換為JavaScript對象，以便在網頁中使用。

假設我們有一個網頁，需要通過AJAX從服務器端獲取一系列學生的信息，例如學號、姓名和年齡。服務器端提供的數據格式是JSON。首先，我們需要創建一個XMLHttpRequest對象：

var xhr = new XMLHttpRequest();

接下來，我們需要指定服務器端提供數據的URL，并使用GET方法發送請求：

xhr.open('GET', 'http://example.com/students', true);
xhr.send();

這樣，服務器就會返回一個包含學生信息的JSON字符串。我們可以通過監聽`xhr`對象的`onload`事件來處理服務器返回的響應：

xhr.onload = function() {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};

在`onload`事件處理程序中，我們首先檢查`xhr`對象的狀態碼是否為200，表示請求成功。然后，我們使用`JSON.parse()`方法將服務器返回的JSON字符串轉換為JavaScript對象。最后，我們可以打印出轉換后的對象，查看學生信息的結構。

假設服務器返回的JSON數據如下：

{
"students": [
{
"studentId": 1001,
"name": "Alice",
"age": 20
},
{
"studentId": 1002,
"name": "Bob",
"age": 21
},
{
"studentId": 1003,
"name": "Charlie",
"age": 19
}
]
}

轉換后的JavaScript對象為：

{
"students": [
{
"studentId": 1001,
"name": "Alice",
"age": 20
},
{
"studentId": 1002,
"name": "Bob",
"age": 21
},
{
"studentId": 1003,
"name": "Charlie",
"age": 19
}
]
}

通過將JSON字符串轉換為JavaScript對象，我們可以方便地訪問學生信息的各個字段。例如，我們可以使用點操作符訪問第一個學生的姓名：

var firstStudentName = response.students[0].name;
console.log(firstStudentName); // 輸出：Alice

使用AJAX將JSON數據轉換為JavaScript對象后，我們可以根據需要在網頁中動態展示數據。例如，在頁面上創建一個表格，將學生信息展示出來：

var table = document.createElement('table');
for (var i = 0; i< response.students.length; i++) {
var row = table.insertRow(i);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = response.students[i].studentId;
cell2.innerHTML = response.students[i].name;
cell3.innerHTML = response.students[i].age;
}
document.body.appendChild(table);

通過上述代碼，我們可以將學生的學號、姓名和年齡以表格的形式展示在網頁中。每行代表一個學生的信息，方便用戶瀏覽和查看。

通過以上示例，我們可以看到，使用AJAX將JSON數據轉換為JavaScript對象后，我們可以方便地訪問和操作數據，使網頁在與服務器進行數據交互時更加靈活和強大。