AJAX從后臺方法獲取到集合是我們在前端開發中經常遇到的情況。AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個網頁的情況下進行數據交互的技術。通過AJAX可以異步獲取后臺方法返回的數據，并在前端頁面上進行展示和處理。而當我們需要獲取到一個集合時，AJAX的使用就顯得尤為重要。

假設我們有一個電商網站，我們需要獲取到所有的商品列表并顯示在前端頁面上。這時，我們可以通過AJAX調用后臺的方法，獲取到商品的集合數據，然后使用JavaScript將數據動態展示在網頁上。以下是一段獲取商品列表的示例代碼：

$.ajax({
url: 'getProductList', // 后臺方法的URL
type: 'GET',
dataType: 'json',
success: function(data) {
// 獲取到的商品列表數據在data變量中
// 將數據展示在網頁上的邏輯
for (var i = 0; i< data.length; i++) {
// 將每個商品的信息創建相應的HTML元素，并添加到頁面中
var product = data[i];
var productHTML = '
' +
'' +
'
' + product.name + '
' +
'
' + product.price + '
' +
'
';
$('#productList').append(productHTML);
}
}
});

上述代碼中，我們使用了jQuery的$.ajax()方法發送了一個GET請求，請求的URL是'getProductList'，也就是后臺的方法。我們將數據的返回類型設為'json'，這樣AJAX就會將后臺返回的數據解析為JSON對象。在請求成功后的回調函數中，我們可以通過遍歷獲取到的數據data來動態生成商品列表的HTML元素，并使用jQuery的.append()方法將其添加到網頁上。

除了獲取商品列表外，AJAX還可以用來獲取其他類型的集合，比如獲取用戶列表。下面是一個獲取用戶列表的示例代碼：

$.ajax({
url: 'getUserList',
type: 'GET',
dataType: 'json',
success: function(data) {
// 獲取到的用戶列表數據在data變量中
// 將數據展示在網頁上的邏輯
for (var i = 0; i< data.length; i++) {
var user = data[i];
var userHTML = '
' +
'
' + user.name + '
' +
'
' + user.age + '
' +
'
';
$('#userList').append(userHTML);
}
}
});

上述代碼與獲取商品列表的代碼類似，只是將請求的URL改為'getUserList'，即調用的是后臺的獲取用戶列表的方法。通過遍歷用戶列表數據，我們可以將每個用戶的姓名和年齡信息動態生成HTML元素，并添加到網頁上。

總結來說，通過AJAX從后臺方法獲取到集合，我們可以在前端頁面上動態展示數據。通過遍歷集合數據，并將其生成相應的HTML元素，我們可以實現各種列表的展示，如商品列表、用戶列表等。AJAX的使用使得前端頁面更加靈活和交互性。當然，在實際應用中，我們還需要考慮錯誤處理、分頁等其他因素，以提高用戶體驗。