select2はajaxから受け取った結果を表示しません

Question

どこにエラーがありますか？

私のselect2ボックスは、ajaxコールから受信した結果を表示していません。結果はロードできませんでした。ここで

は私のコードです：

HTML：

<select class="airportList form-control" name="From_1"> 
<option disabled selected>Going from</option> 
</select> 

JS：

$(function() { 
    $(".airportList").select2({ 
    minimumInputLength: 1, 
    // data: [{id:'ADL',text:'Adelaide, Australia, ADL'},{id:'MEL',text:'Melbourne, Australia, MEL'}], 
    ajax: { 
     type: "GET", 
     url: "data.php", 
     dataType: 'json', 
     delay: 250, 
     data: function (params) { 
     return { 
      q: params.term, // search term 
      page: params.page 
     }; 
     }, 
     processResults: function (data) { 
     return { 
      results: data 
     }; 
     } 
    } 
    }); 
}); 

data.php（私が受け取ること）：

[ 
{id:'ADL',text:'Adelaide, Australia, ADL'}, 
{id:'MEL',text:'Melbourne, Australia, MEL'} 
] 

Answer 1

申し訳ありませんが、ここでは更新された回答です：

processResults: function(data) { 
    return { 
    results: $.map(data, function(obj) { 
     return { 
     id: obj.id, 
     text: obj.text 
     }; 
    }) 
    }; 
} 

この部分は、私が思っている問題です。 この例を参照してください：http://jsfiddle.net/jes0wrka/

Answer 2

だから、私の場合は問題がdata.phpファイルからJSONの形式が誤っていたということでした!!!：

[ 
{id:'ADL',text:'Adelaide, Australia, ADL'}, 
{id:'MEL',text:'Melbourne, Australia, MEL'} 
] 

CORRECT JSONは次のようになります。

[ 
{"id":"ADL","text":"Adelaide, Australia, ADL"}, 
{"id":"MEL","text":"Melbourne, Australia, MEL"} 
]