Select2: Ergebnisse nicht mit AJAX

Question

Ich habe Probleme, die Ergebnisse in der Select2 mit AJAX angezeigt werden. Hier ist mein Code:

$(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; 
} 

der JavaScript-Konsole verwenden, ich sehe die Anforderung die erwartete JSON zurückgibt:

[

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

]

Ich glaube, die Ergebnisse: function(data, page) { ... } wird nicht aufgerufen, da ich eine Warnung dort gesetzt und nichts passiert ist.

Es hängt nur dort warten auf Ergebnisse:

Answer 1

Ich denke, Sie Rückkehr json statt JSONP,

so versuchen, die Linie dataType: 'jsonp'-dataType: 'json' ändern, oder sogar die ganze Zeile zu entfernen.

Ich habe das gleiche schon einmal erlebt. json Ergebnis wird durch diese Kriterien ausgesiebt, selbst wenn die erwartete JSON tatsächlich zurückgeführt wird, sehr wahrscheinlich, weil json und JSONP als zwei verschiedene Formate gesehen

PS: Dies ist mehr wie ein Kommentar, aber da kann ich‘ t Kommentar zu Ihrer Frage, bitte tragen Sie mit mir

Answer 2

Ich glaube, Sie keinen Wert Form Ajax-Aufruf zurückkehren kann, da die Ajax-Aufruf asynchronous ist.. Behandle lieber die Ergebnisse dort selbst. oder verwenden Sie callback functions wie im nachstehenden Link angegeben.

siehe jQuery: Return data after ajax call success