Auto-Vervollständigen Sie den Namen mit einer Textdatei Daten mit jquery

Question

In das Suchfeld, wenn ich den Namen schreibe sollte es nach Vorschlägen aus der Textdatei fragen. Für zB: Wenn ein Benutzer "Aka" schreibt, sollte der Code nach den Wörtern suchen, die den String "Aka" enthalten und den Vorschlag geben. Ich bin in der Lage, es zu tun, wenn ich Daten selbst in Skript bin setzen, wie unten:

$(function() { 
    var avail = [ 
     "abc", 
     "akarsh", 
     "ads" 
    ]; 
    $("#tags").autocomplete({ 
     source: avail 
    }); 
}); 

Aber ich brauche es mit Datei tun .. Ich bin nicht in der Lage ..

$(function() { 
    var availableTags = load('detail.txt'); 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
}); 

HTML:

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 

Answer 1

Sie select2 Plugin standardmäßig Rückkehr JSON-Format verwenden können, ist (id, Text), zB für Ihre Detail.txt Datei ist:

und für Last JSON aus einer Datei wie unten:

$('#tags').select2({ 
    ajax: { 
     dataType: "json", 
     url: "detail.txt", 
     results: function (data) { 
      return {results: data}; 
     } 
    } 
});