AJAX（Asynchronous JavaScript and XML）是一種使用JavaScript和XML進行交互的技術。它可以在不刷新整個頁面的情況下，通過與服務器進行異步通信來更新部分頁面內容。在Web開發(fā)中，我們經(jīng)常需要填充下拉菜單（select）的選項列表。使用AJAX可以很方便地獲取所需數(shù)據(jù)，并將其填充到select的選項中。本文將介紹如何使用AJAX填充select option，并通過舉例演示其具體應用。

假設我們正在開發(fā)一個電子商務網(wǎng)站，需要為用戶提供選擇商品類別的下拉菜單。而商品類別數(shù)據(jù)存儲在服務器的數(shù)據(jù)庫中，我們需要使用AJAX來獲取并填充到select中。首先，我們需要準備一個用于顯示商品類別的select元素：

<select id="categorySelect">
<option value="">請選擇商品類別</option>
</select>

接下來，我們使用JavaScript編寫一個函數(shù)，使用AJAX從服務器獲取商品類別數(shù)據(jù)，并將其填充到select中：

function fillCategoryOptions() {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/categories', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var categories = JSON.parse(xhr.responseText);
var options = '';
categories.forEach(function(category) {
options += '<option value="' + category.id + '">' + category.name + '</option>';
});
document.getElementById('categorySelect').innerHTML += options;
}
};
xhr.send();
}

在這段代碼中，我們首先創(chuàng)建了一個XMLHttpRequest對象xhr，并調用open()方法指定請求的URL（該URL返回一個包含商品類別數(shù)據(jù)的JSON）。然后，我們使用onreadystatechange事件監(jiān)聽函數(shù)來處理服務器響應的狀態(tài)變化。在狀態(tài)碼為4（請求完成）且狀態(tài)為200（成功）的情況下，我們解析服務器返回的JSON數(shù)據(jù)，并根據(jù)數(shù)據(jù)動態(tài)生成option元素。最后，我們使用innerHTML屬性將生成的option元素添加到select中。

為了在頁面加載完成時自動填充select，我們可以在頁面的