AJAX（Asynchronous JavaScript And XML）是一種通過在后臺與服務器進行數據交換的技術，能夠在不影響頁面的情況下更新頁面的部分內容。在前端開發中，經常會用到AJAX來動態加載數據或更新頁面信息。本文將探討如何在使用AJAX時設置默認選中的值，并通過舉例進行說明。

在某些情況下，我們可能需要在一個下拉列表或單選框中設置默認選中的值。例如，我們有一個城市列表，我們希望默認選中北京。在沒有AJAX的情況下，我們可以通過設置選項的selected屬性來實現：

<select id="cityList">
<option value="beijing" selected>北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">廣州</option>
</select>

然而，當我們使用AJAX從服務器加載數據時，并不能直接在HTML靜態代碼中設置默認選中的值。在這種情況下，我們可以通過以下幾種方法來實現：

方法一：在AJAX回調函數中手動設置選中的值

首先，我們需要定義一個AJAX請求，并在成功回調函數中處理數據。在回調函數中，我們可以通過JavaScript代碼來設置默認選中的值：

var selectElement = document.getElementById("cityList");
var defaultValue = "beijing";
// 定義AJAX請求
var xhr = new XMLHttpRequest();
xhr.onload = function() {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理數據
// 手動設置默認選中的值
for (var i = 0; i < selectElement.options.length; i++) {
if (selectElement.options[i].value === defaultValue) {
selectElement.options[i].selected = true;
break;
}
}
}
};
xhr.open("GET", "獲取服務器數據的URL");
xhr.send();

在上述例子中，我們定義了一個selectElement變量來獲取對應的select元素，然后通過遍歷所有選項，找到與默認值相對應的選項，并設置其selected屬性為true，從而實現默認選中的效果。

方法二：在AJAX請求完成后，使用jQuery的.val()方法來設置選中的值

如果你正在使用jQuery庫，你可以使用.val()方法來設置下拉列表或單選框的選中值。在AJAX請求完成后，我們可以直接使用.val()方法來設置默認選中的值：

var defaultValue = "beijing";
$.ajax({
url: "獲取服務器數據的URL",
method: "GET",
success: function(response) {
// 處理數據
// 使用.val()方法設置選中的值
$("#cityList").val(defaultValue);
}
});

在這個例子中，我們使用了jQuery的ajax()方法發起AJAX請求，并在成功回調函數中使用.val()方法來設置默認選中的值。需要注意的是，我們使用了jQuery選擇器$("#cityList")來獲取要設置的元素。

綜上所述，使用AJAX時設置默認選中的值是通過在AJAX請求完成后通過JavaScript或jQuery代碼來實現的。我們可以手動設置選項的selected屬性，或者使用jQuery的.val()方法來設置選中的值。以上是兩種常見的方法，根據你的實際需求選擇適合的方式來實現默認選中的效果。