无法让 select2.js ajax 与 asp.net webform 一起使用

Question

我正在尝试让 ASP.NET 网络表单与 bootstrap 3 和 select2.js 插件一起使用。它不会返回任何错误或异常，它只是坐在那里看着我。这是页面：

<div id="divDepartmentEntry">
            <label>Enter Name:<br /></label>
            <select id="e1" style="width:300px"></select>        
</div>

这里是javascript：

$(document).ready(function () {
    $("#e1").select2();
});

$("#e1").select2({
    minimumInputLength: 2,
    ajax: { 
        url: "Default_handler2.ashx",
        cache: false,
        dataType: 'json',
        type: 'GET',
        data: function (term, page) {
            return {
                q: term // search term
            };
        },
        results: function (data, page) { 
            return { results: data };
        }
    },    
    formatResult: format,
    formatSelection: format

});

function format(item) {    
    return item.tag; 
}

在通用处理程序内部：

    public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "text/plain";
    string result = "[{\"tag\":\"Smith\",\"id\":1},{\"tag\":\"Brown\",\"id\":14}]";
    context.Response.Write(result);
}

我可以在打开的输入中输入文本，但它在 IE8（我知道，不要让我开始）或 Chrome 中什么都不做。有什么想法吗？

Answer 1

尝试在 .ready 中包含对 .select2 的第二次调用：

$(document).ready(function () {
    $("#e1").select2({
        minimumInputLength: 2,
        ajax: { 
            url: "Default_handler2.ashx",
            cache: false,
            dataType: 'json',
            type: 'GET',
            data: function (term, page) {
                return {
                    q: term // search term
                };
            },
            results: function (data, page) { 
                return { results: data };
            }
        },    
        formatResult: format,
        formatSelection: format

    });
});

您的处理程序还应使用 json 内容类型进行响应：

context.Response.ContentType = "application/json";