在現代的web開發中，經常會使用到Ajax和JSON來實現數據的傳遞和展示。其中，使用Ajax和JSON來顯示數組是一種非常常見的需求。通過使用Ajax來請求后端的數據，并將數據轉換為JSON格式，再通過前端將JSON數據解析并顯示出來，可以實現動態且高效的數組顯示。

假設我們有一個學生成績的數組，包含了每個學生的姓名和分數信息。我們希望能夠通過Ajax和JSON來將這些學生成績動態地展示在網頁上。

var scores = [
{name: "小明", score: 90},
{name: "小紅", score: 85},
{name: "小亮", score: 92},
{name: "小剛", score: 88}
];

首先，我們需要使用Ajax來從后端獲取學生成績數據。我們可以通過jQuery的ajax函數來實現：

$.ajax({
url: "get_scores.php",   // 后端提供數據的接口
type: "GET",   // 請求方法為GET
dataType: "json",   // 期望返回的數據類型為json
success: function(data) {
// 成功獲取數據之后的操作
},
error: function() {
// 請求失敗的處理
}
});

在成功獲取到學生成績數據之后，我們可以將數據轉換為JSON格式，并通過前端來解析和顯示。下面是一個簡單的例子：

success: function(data) {
var scoresArray = JSON.parse(data);   // 將返回的數據解析為JSON數組
var html = "";
for (var i = 0; i< scoresArray.length; i++) {
var score = scoresArray[i];
html += "<p>姓名：" + score.name + "，分數：" + score.score + "</p>";
}
$("#scoresContainer").html(html);   // 將解析后的HTML代碼顯示在頁面上
}

通過以上的代碼，我們就可以將后端提供的學生成績數據通過Ajax和JSON動態地顯示在網頁上了。無論是學生的姓名還是他們的分數，都可以非常方便地進行獲取和展示。

在實際的開發中，我們還可以根據需要對學生成績數組進行排序、過濾等操作，以實現更靈活的顯示效果。例如，我們可以根據學生的分數對學生成績進行降序排列，并只顯示前幾名學生的信息：

scoresArray.sort(function(a, b) {
return b.score - a.score;
});
var topThreeStudents = scoresArray.slice(0, 3);
var html = "";
for (var i = 0; i< topThreeStudents.length; i++) {
var score = topThreeStudents[i];
html += "<p>姓名：" + score.name + "，分數：" + score.score + "</p>";
}
$("#scoresContainer").html(html);

通過上述的代碼，我們就能夠將學生成績按照分數從高到低進行排序，并只顯示前三名學生的信息。

綜上所述，使用Ajax和JSON來顯示數組是一種非常常見且實用的技術。通過Ajax來獲取數據，再通過JSON對數據進行解析和展示，我們可以實現動態和高效的數組顯示。無論是簡單的顯示還是復雜的排序、過濾操作，都可以通過這種方式來實現。這不僅提高了用戶體驗，還使得網頁更具交互性和可擴展性。