AJAX是一種在網頁中進行異步數據交換的技術，常用于獲取服務器端的數據并動態展示在網頁中。在實際開發中，有時需要獲取對象數組的數據并將其展示在網頁上。本文將介紹如何使用AJAX來獲取對象數組并進行處理。

假設我們有一個簡單的學生數據表，包含學生的姓名、年齡和成績。我們希望在網頁中展示學生的信息，并可以根據學生的成績進行排名。首先，我們需要在服務器端以對象數組的形式存儲學生的信息。

<?php
$students = array(
array("name" => "張三", "age" => 18, "score" => 90),
array("name" => "李四", "age" => 20, "score" => 80),
array("name" => "王五", "age" => 19, "score" => 95)
);
echo json_encode($students);
?>

上述代碼使用PHP將學生數據表以JSON格式輸出。接下來，在網頁中使用AJAX請求并獲取該JSON數據。

var xhr = new XMLHttpRequest();
xhr.open("GET", "students.php", true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
processData(data);
}
};
xhr.send();

上述代碼創建了一個XMLHttpRequest對象，并通過GET方法請求服務器端的數據。當數據返回后，使用JSON.parse方法將JSON字符串轉換為JavaScript對象，并調用processData函數進行數據處理。

接下來，我們定義processData函數來解析學生數據并在網頁中展示。我們可以使用循環來遍歷學生數據，并創建HTML元素來展示學生的信息。

function processData(data) {
var table = document.createElement("table");
var thead = document.createElement("thead");
var tbody = document.createElement("tbody");
var headerRow = document.createElement("tr");
for (var key in data[0]) {
var headerCell = document.createElement("th");
headerCell.textContent = key;
headerRow.appendChild(headerCell);
}
thead.appendChild(headerRow);
for (var i = 0; i< data.length; i++) {
var student = data[i];
var row = document.createElement("tr");
for (var key in student) {
var cell = document.createElement("td");
cell.textContent = student[key];
row.appendChild(cell);
}
tbody.appendChild(row);
}
table.appendChild(thead);
table.appendChild(tbody);
document.body.appendChild(table);
}

上述代碼將創建一個表格元素，并使用循環遍歷學生數據來創建表頭和表體部分。最后，將表格元素添加到網頁的body中。這樣，我們就成功地將學生的信息展示在網頁中了。

在完成展示學生信息的基礎上，我們可以根據學生的成績來進行排名。我們可以使用JavaScript的排序函數來對學生數據進行排序，并根據排序結果來重新渲染表格。

function sortStudents(data, key) {
data.sort(function(a, b) {
return b[key] - a[key];
});
var tbody = document.querySelector("tbody");
while (tbody.firstChild) {
tbody.removeChild(tbody.firstChild);
}
for (var i = 0; i< data.length; i++) {
var student = data[i];
var row = document.createElement("tr");
for (var key in student) {
var cell = document.createElement("td");
cell.textContent = student[key];
row.appendChild(cell);
}
tbody.appendChild(row);
}
}

上述代碼將創建一個排序函數sortStudents，它接受學生數據和要排序的鍵值作為參數。在函數內部，使用JavaScript的sort方法對學生數據進行排序，并重新渲染表格。這樣，我們就可以根據學生的成績來進行排名了。

總結來說，使用AJAX可以通過獲取對象數組的數據，并在網頁中進行展示和處理。通過遍歷對象數組和創建HTML元素，我們可以將數據展示在網頁中。并且，我們可以結合JavaScript的排序函數來對數據進行排序。因此，AJAX是一個非常強大和靈活的工具，可以方便地獲取和處理對象數組的數據。