無法加載Select2 Ajax結果

Question

每當我嘗試在select2 ajax搜索欄中搜索結果時，都會收到以下消息：

“無法加載結果”

HTML ：

<select class="js-data-example-ajax form-control" multiple="multiple"></select>

Javascript ：

$('select').each(function(idx, ele) {
            $(ele).select2({
                theme: 'bootstrap4',
                placeholder: ele.getAttribute('placeholder'),
                ajax: {
                    url: '/product/api/search',
                    dataType: 'json' },
                    type: 'GET',
            });
        });

我認為我的Ajax設置錯誤，您可以幫忙嗎？

Answer 1

您的代碼應如下所示。 無需GET方法。

$('select').each(function(idx, ele) {
  $(ele).select2({
      ajax: {
        url: 'https://api.github.com/search/repositories',
        dataType: 'json'
        // Additional AJAX parameters
      }
   }
});

另外，您的問題可能出在您的源json格式中，因為select2需要帶有results自己的格式。

為了實現此目的，Select2期望使用非常特定的數據格式。 此格式由一個JSON對象組成，其中包含由結果鍵鍵入的對象數組。

{
  "results": [
    {
      "id": 1,
      "text": "Option 1"
    },
    {
      "id": 2,
      "text": "Option 2"
    }
}

您也可以使用processResults或將數據轉換為特定格式。