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 产品", "img":"#", "precio_costo": 45, "existencias":0, "id":2 }

]

我相信结果：function(data, page) { ... }没有被调用，因为我在那里发出警报并且什么也没发生。

它只是挂在那里等待结果：

Answer 1

我猜你返回的是 json 而不是 jsonp，

所以尝试将行更改dataType: 'jsonp'为dataType: 'json'，甚至删除整行。

我以前也有过同样的经历。json 结果被这个标准筛选掉了，即使实际返回了预期的 JSON，很可能是因为 json 和 jsonp 被视为两种不同的格式

PS：这更像是评论，但由于我无法评论您的问题，请多多包涵

Answer 2

我认为您不能从 ajax 调用返回值，因为 ajax 调用是asynchronous. 而是自己处理那里的结果。或callback functions按照以下链接中的说明使用。

见jQuery：ajax 调用成功后返回数据