AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式和動態網頁的技術。在前端開發中，常常需要獲取數組中的字段值進行操作和展示。本文將介紹如何使用AJAX來獲取數組中的字段值，并通過舉例說明其用法。

假設我們有一個包含商品信息的數組，每個商品包括商品名稱、價格和庫存數量。現在，我們需要從這個數組中獲取商品的價格，并將其展示在頁面上。以下是示例代碼：

var products = [
{name: "商品1", price: 10, quantity: 20},
{name: "商品2", price: 20, quantity: 15},
{name: "商品3", price: 30, quantity: 10}
];
var prices = [];
for (var i = 0; i < products.length; i++) {
prices.push(products[i].price);
}
console.log(prices);

在上述代碼中，我們首先創建了一個空數組prices。然后，通過遍歷products數組，使用點語法獲取每個商品對象的price屬性，并將其添加到prices數組中。最后，我們通過console.log將prices數組輸出到控制臺。

通過AJAX來獲取數組中的字段值，可以實現動態更新和交互。例如，我們可以在用戶選擇不同的商品時，使用AJAX獲取對應的價格，并在頁面上顯示出來。以下是一個使用jQuery的示例代碼：

$(document).ready(function() {
$("select").change(function() {
var selectedProduct = $(this).val();
$.ajax({
url: "products.json",
dataType: "json",
success: function(data) {
var price = data.find(function(product) {
return product.name === selectedProduct;
}).price;
$("#price").text("價格：" + price);
}
});
});
});

在上述代碼中，我們首先監聽下拉菜單的change事件。當用戶選擇不同的商品時，我們獲取到所選商品的值并存儲在selectedProduct變量中。然后，通過AJAX請求從服務器獲取包含商品信息的JSON文件（例如products.json）。在成功獲取數據后，我們使用find方法查找匹配商品名稱的對象，并獲取其價格屬性。最后，我們將價格展示在頁面上的#price元素中。

總結來說，AJAX是一種強大的前端技術，可以用于獲取數組中的字段值，并在頁面上展示或根據用戶的操作實現動態更新。上述示例代碼展示了如何通過純JavaScript和jQuery來實現該功能。在實際項目中，可以根據具體需求選擇合適的方案來使用AJAX來獲取數組中的字段值。