Anzeige von Daten in Autocomplete jQuery UI

Question

Ich erstellte eine Autocomplete-Funktion, wenn ich console.log zeigt mir alle meine Dateien, die in Remote-JSON-Datei ist, aber wenn ich versuche, es anzuzeigen, wenn ich Type auf Eingabe starten, tut es nicht zeige nichts, keine Fehler, aber es funktioniert überhaupt nicht. Auch möchte ich diese Mehrfachauswahl automatisch vervollständigen. Aber im Moment möchte ich nur Vorschläge anzeigen, wenn ich am Eingang tippe.

$(function() { 
    $("#city").autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
     url: $('#city').attr('data-source'), 
     success: function (data) { 
      for (var i = 0; i < data.length; i++) { 
      data[i].loc_name 
      } 
     } 
     }) 
    } 
    }) 
}) 

JSON

[{"population":1729119,"token":"167|7|179|1296|55544|0","loc_name":"Warszawa"},{"population":758463,"token":"167|6|135|976|7644|0","loc_name":"Krak\u00f3w"},{"population":718960,"token":"167|5|113|789|58247|25218","loc_name":"\u0141\u00f3d\u017a Teofil\u00f3w"},{"population":718960,"token":"167|5|113|789|58247|25340","loc_name":"\u0141\u00f3d\u017a G\u00f3rna"},{"population":718960,"token":"167|5|113|789|58247|25282","loc_name":"\u0141\u00f3d\u017a \u0141askowice"}] 

Answer 1

Das Problem ist, weil Ihre AJAX Logik nicht ganz richtig ist. Sobald die AJAX vervollständigt müssen Sie die empfangenen Daten an den response Rückruf zur Verfügung zu stellen, wie folgt aus:

$("#city").autocomplete({ 
    source: function (request, response) { 
    $.ajax({ 
     url: $('#city').data('source'), 
     success: function(data) { 
     var output = data.map(function(o) { 
      return { 
      label: o.loc_name, 
      value: o.token 
      } 
     }); 
     response(output); 
     } 
    }) 
    } 
}) 

Dies wird unter der Annahme, dass das Format, dass data in das Format passt zurückgegeben wird, dass die automatische Vervollständigung erwartet. Wenn nicht, müssen Sie das Array ändern - am besten auf dem Server.