Select2下拉框持续显示“Searching...”问题求助

架构老林

2026-8-11

解决Select2下拉框一直显示“Searching...”的问题

针对你遇到的Select2下拉框卡在“Searching...”状态的问题，可尝试以下修复方案：

1. 移除GET请求中的`contentType`配置

GET请求无需设置contentType: 'application/json'，该配置主要用于POST请求发送JSON格式的请求体，设置后可能导致请求头异常，干扰接口响应的解析流程。

2. 适配搜索参数传递（按需处理）

Select2默认会将用户输入的搜索词以q参数的形式附加到GET请求的URL中：

若你的后端接口需要根据q参数过滤结果，需确保接口正确接收并处理该参数；
若无需搜索过滤（直接返回全量数据），可添加data函数固定返回空对象：

data: function (params) {
    return {}; // 不传递搜索参数
}

3. 显式声明`processResults`解析函数

尽管接口返回格式符合要求，显式定义processResults函数可确保Select2正确解析响应数据，避免潜在的解析异常：

processResults: function (data) {
    return {
        results: data.results
    };
}

修改后的完整JS代码示例

$(document).ready(function() {
    $("#js-data-example-ajax").select2({
        placeholder: 'Search for a stock',
        ajax: {
            url: "http://127.0.0.1:8000/stocks_list",
            dataType: 'json',
            type: "GET",
            // 可选：无需搜索过滤时添加
            data: function (params) {
                return {};
            },
            processResults: function (data) {
                return {
                    results: data.results
                };
            }
        }
    });
});