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()方法来设置选中的值。以上是两种常见的方法，根据你的实际需求选择适合的方式来实现默认选中的效果。