Wybierz2: Wyniki nie są wyświetlane przy użyciu AJAX

Question

Mam problemy z wyświetlaniem wyników w Select2 przy użyciu AJAX. Oto mój kod:

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

Używanie konsoli JavaScript, widzę wniosek zwraca oczekiwaną JSON:

[

{ "text": "Foo produktu", "IMG": "#", "precio_costo": 45 "existencias" 0 "id": 2}

]

Uważam, że wyniki: function(data, page) { ... } nie jest wywoływany, ponieważ wprowadziłem alert i nic się nie stało.

prostu wisi on tam czeka na wyniki:

Answer 1

Chyba wracasz json zamiast jsonp,

więc spróbuj zmienić linię dataType: 'jsonp' do dataType: 'json', lub nawet usunięcie całej linii.

Doświadczyłem już tego samego. wynik json przesiewa się przez tych kryteriów, nawet jeśli oczekiwany JSON jest rzeczywiście wrócił, bardzo prawdopodobnie dlatego json i jsonp są postrzegane jako dwóch różnych formatach

PS: To jest bardziej jak komentarzu, ale skoro mogę” t skomentuj swoje pytanie, proszę znieść mnie

Answer 2

myślę, że nie może zwrócić wartość wezwanie forma ajax, ponieważ wywołanie ajax jest asynchronous.. Raczej zajmuj się wynikami tam samymi. lub użyj callback functions, jak podano w linku poniżej.

zobaczyć jQuery: Return data after ajax call success