javascript - Select2 错误 - 无响应

Question

我正在使用 Select2 在我的页面上提供动态选择功能。

这是代码:-

$("#Spon_Index").select2({
    placeholder: "Type to select a sponsor",
    minimumInputLength: 3,
    multiple: false,
    width: 400,
    ajax: {
        url: "../control/autocomplete_sponsor.aspx",
        data: function(term) {
            return term;
        },
        results: function(data, page) {
            alert(results);
            return {
                results: data
            }
        },
        formatResult: function(data) {
            return data.text;
        },
        formatSelection: function(data) {
            return data.id;
        },
        escapeMarkup: function(m) {
            return m;
        }
    }
});

使用 Fiddler，我可以看到我从 autocomplete_sponsor.aspx 获得了正确的返回，例如:-

[{"id":"12","text":"Smiths"},{"id":"118","text":"Dr Smiths"}]

但是，控件根本没有发生任何事情。它要么卡在“正在搜索”上，要么什么都没有……我检查了开发人员工具，发现有一个错误:-

Uncaught TypeError: Cannot read property 'slice' of undefined

我查看了一些关于 SO 的其他解决方案，并尝试对我的代码进行各种重构以使其正常工作，但我现在已经完全没有想法了......希望它真的很简单，但我错过了.

Answer 1

Select2 似乎只需要一个 Javascript 对象而不是 JSON 字符串。以下代码适用于 select2 v4.0.3，因此 results 被替换为 processResults。

$("#Spon_Index").select2({
    placeholder: "Type to select a sponsor",
    minimumInputLength: 3,
    multiple: false,
    width: 400,
    ajax: {
        url: "../control/autocomplete_sponsor.aspx",
        data: function(term) {
            return term;
        },
        processResults: function(data, page) {
            return { results: JSON.parse(data) };
        },
    }
});