javascript - Select2 未通过 AJAX 获取数据

Question

我有以下代码应该使用 Select2 通过 AJAX 获取数据

$('#Organisation').select2({
    ajax: {
        url: AppURL + 'Organisations/Manage/SearchByName/',
        dataType: 'json',
        quietMillis: 100,
        data: function (term) {
            return {
                term: term
            };
        },
        results: function (data) {
            return {
                results: data
            };
        }
    }
});

如果我在搜索“O”时使用 Web Inspector 查看请求，我会得到：

[{"label":"Organisation 1","ID":2},{"label":"Organisation 2","ID":1}]

任何想法我做错了什么？我认为结果函数中有一些不正确的地方。

我得到的错误是：Uncaught TypeError: Cannot call method 'toUpperCase' of undefined

Answer 1

尝试

$('#Organisation').select2({
    ajax: {
        url: 'data.json',
        dataType: 'json',
        quietMillis: 100,
        data: function (term) {
            return {
                term: term
            };
        },
        results: function (data) {
          var results = [];
          $.each(data, function(index, item){
            results.push({
              id: item.ID,
              text: item.label
            });
          });
          return {
              results: results
          };
        }
    }
});

演示：Plunker

Answer 2

除了上述解决方案，您可以做一件事，而不是返回以下 json

[{"label":"Organisation 1","ID":2},{"label":"Organisation 2","ID":1}]

返回这个

[{"text":"Organisation 1","id":2},{"text":"Organisation 2","id":1}]

面临同样的问题，并在查看其他人提出的一些解决方案后弄清楚了这一点。