select2不显示选项

Question

我正在使用select2库发送 ajax 请求：

当我搜索某些内容时，我正在取回数据，但由于某种原因，结果没有显示在下拉列表中。

    $('.js-example-basic-single').select2({
    ajax: {
    url:"/search/search",
    type:"POST",
    data: function (params) {
        // Query parameters will be ?search=[term]&type=public
        var query = {
            search: params.term,
            type: 'public'
          }
        return query;
      },
      processResults: function (data) {
        // Transforms the top-level key of the response object from 'items' to 'results'
        data = JSON.parse(data)
        console.log(data)
        return {
            results: data.studentNumber
          };
      }
      // Additional AJAX parameters go here; see the end of this chapter for the full code of this example
    }
  });

这是我可以在控制台中看到的数据：

[
 {
   studentNumber :"12324"
 },
 {
   studentNumber :"12324"
 },

]

这就是文档所做的：

$('#mySelect2').select2({
  ajax: {
    url: '/example/api',
    processResults: function (data) {
      // Transforms the top-level key of the response object from 'items' to 'results'
      return {
        results: data.items
      };
    }
  }
});

Answer 1

转换后收到的data是一个array 。 调用data. studentNumber data. studentNumber将产生未定义的数据，因为数据不是 object。

只需返回数据本身，因为results无论如何都应该是一个array 。

简单来说，改变这个：

return {
    results: data. studentNumber
};

至

return {
    results: data
};