如何在ajax响应后填充单选div？

在ajax响应后填充单选div的方法如下：

首先，确保你已经引入了jQuery库，因为ajax操作通常使用jQuery的ajax方法。
创建一个包含单选选项的div元素，并为其设置一个唯一的id，以便后续操作。
使用jQuery的ajax方法发送异步请求，并在成功回调函数中处理响应数据。
在成功回调函数中，根据响应数据生成单选选项的HTML代码，并将其插入到之前创建的div元素中。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Ajax响应后填充单选div</title>
    <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
    <div id="radioDiv"></div>

    <script>
        $(document).ready(function() {
            $.ajax({
                url: 'your_ajax_url',  // 替换为实际的ajax请求URL
                type: 'GET',
                dataType: 'json',
                success: function(response) {
                    // 清空之前的内容
                    $('#radioDiv').empty();

                    // 根据响应数据生成单选选项的HTML代码
                    for (var i = 0; i < response.length; i++) {
                        var option = $('<input type="radio" name="radioOption" value="' + response[i].value + '">');
                        var label = $('<label>' + response[i].label + '</label><br>');
                        $('#radioDiv').append(option).append(label);
                    }
                },
                error: function(xhr, status, error) {
                    console.log(error);
                }
            });
        });
    </script>
</body>
</html>

在上述示例代码中，你需要替换your_ajax_url为实际的ajax请求URL。在成功回调函数中，根据响应数据生成单选选项的HTML代码，并将其插入到id为radioDiv的div元素中。

这样，当ajax请求成功后，单选div将会被填充上响应数据对应的单选选项。