javascript - Select2: AJAX を使用して結果が表示されない

Question

AJAX を使用して Select2 に結果を表示するのに問題があります。これが私のコードです：

$(document).ready(function() {
    $("#producto").select2({
        placeholder: 'Select a product',
        formatResult: productFormatResult,
        formatSelection: productFormatSelection,
        dropdownClass: 'bigdrop',
        escapeMarkup: function(m) { return m; },
        minimumInputLength:3,
        ajax: {
            url: 'http://foo.foo/listar.json',
            dataType: 'jsonp',
            data: function(term, page) {
                return {
                    q: term
                };  
            },  
            results: function(data, page) {
                return {results:data};
            }   
        }   
    });


function productFormatResult(product) {
    var html = "<table class='product-resultado'><tr>";
    if(product.img != undefined) {
        html += "<td class='product-image'><img src='"+product.img+"'/></td>";
    }
    html += "<td class='product-info'>";
    html += product.text + "<br />";
    html += product.precio_costo + " CRC <br />";
    html += "Existencias: " + product.existencias;
    html += "</td></tr></table>";
    return html;
}

function productFormatSelection(product) {
    return product.text;
}

Javascript コンソールを使用すると、リクエストが予想される JSON を返すことがわかります。

[

{ "text":"Foo Product", "img":"#", "precio_costo": 45, "existencias":0, "id":2 }

]

results:function(data, page) { ... }は呼び出されていないと思います。アラートをそこに置いても何も起こらなかったからです。

結果を待つだけです。