AJAX（Asynchronous JavaScript and XML）是一種用于創建更好用戶體驗的前端技術，通過異步加載數據實現無需刷新頁面的交互。在Web開發中，常常需要獲取JSON對象的數組，并將其動態展示在頁面上。本文將介紹如何使用AJAX獲取JSON數組，并通過多個實例加以說明。

假設我們有一個學員名單的JSON文件，其中包含學員姓名、年齡和所在班級。為了在Web頁面上展示這個名單，我們可以使用AJAX來獲取這個JSON數組，并將其轉換為HTML格式，最后動態地插入到頁面中。

$.ajax({
url: 'student.json',
dataType: 'json',
success: function(data) {
// 處理返回的JSON數據
},
error: function() {
// 處理錯誤情況
}
});

在上面的代碼中，我們使用了jQuery的ajax()函數，并傳入了一個包含URL、數據類型和成功/失敗處理函數的對象。通過指定dataType: 'json'，我們告訴AJAX請求返回的數據是JSON格式。

一旦AJAX請求成功，返回的JSON對象將作為參數傳入到成功處理函數中。我們可以通過遍歷這個JSON對象來獲取其中的每個學員信息，然后構建HTML頁面元素進行展示。

success: function(data) {
var studentList = data.students;
var html = '';
for (var i = 0; i < studentList.length; i++) {
var student = studentList[i];
html += '<div class="student">' +
'<span class="name">' + student.name + '</span>' +
'<span class="age">' + student.age + '</span>' +
'<span class="class">' + student.class + '</span>' +
'</div>';
}
$('#student-list').html(html);
}

在上面的代碼中，我們首先從返回的JSON對象中提取出學員名單studentList。之后，我們使用一個循環遍歷該數組，并將每個學員的姓名、年齡和班級信息添加到一個HTML字符串html中。最后，我們使用jQuery的html()方法將這個HTML字符串插入到一個ID為student-list的元素中，以實現動態展示。

除了上面的例子之外，AJAX獲取JSON數組還可以用于其他許多場景。比如，我們可以使用AJAX從后端服務器獲取最新的新聞列表，然后將其展示在前端頁面上。

success: function(data) {
var newsList = data.news;
var ulElement = document.createElement('ul');
for (var i = 0; i < newsList.length; i++) {
var newsItem = newsList[i];
var liElement = document.createElement('li');
var aElement = document.createElement('a');
aElement.href = newsItem.url;
aElement.textContent = newsItem.title;
liElement.appendChild(aElement);
ulElement.appendChild(liElement);
}
document.getElementById('news-list').appendChild(ulElement);
}

在這個例子中，我們使用了純JavaScript來動態地創建HTML元素，并將其添加到頁面中。首先，我們通過循環遍歷從返回的JSON對象中提取出的新聞列表newsList。然后，我們依次創建了一個包含超鏈接aElement的列表項liElement。最后，我們將這個列表項添加到一個ID為news-list的元素中。

總結而言，通過AJAX獲取JSON數組是一種非常有用的技術，能夠幫助我們實現動態展示數據的功能。無論是學員名單還是新聞列表，都可以通過AJAX來獲取后端返回的JSON數組，并將其轉換為HTML格式進行展示。