ローカルテキストファイルからjqueryオートコンプリートを受け取りません

Question

データベースへのajaxリクエストを減らすために、plunkerから選択された次のコードを試しました。 JSON形式も、テキストファイルの例のように細かく生成されます。

しかし、オートコンプリートオプションを設定しようとすると、最初の1文字しか表示されません。しかし、私はjsonの出力を直接項目の変数で使用するとうまくいきます。

Plunker Plunker Link

Keywords.txtでJSONの例は、ファイル

["Mis","Operation","Operation Manager","Php","Sales","Telecalling","Analytics","Ceo","Commercials"]; 

コード

私はあなたの問題はあなたが持っているということだと思い

$(function() 
{ 
    var items = 'Keywords.txt';   

    function split(val) 
    { 
     return val.split(/,\s*/); 
    } 

    function extractLast(term) 
    { 
     return split(term).pop(); 
    } 

    $("#keyword") 
    .autocomplete(
    { 
     minLength: 1, 
     source: function(request, response) 
     { 
      response($.ui.autocomplete.filter(items, extractLast(request.term))); 
     }, 
     focus: function() 
     { 
      return false; 
     }, 
     select: function(event, ui) 
     { 
      var terms = split(this.value); 
      // remove the current input 
      terms.pop(); 
      // add the selected item 
      terms.push(ui.item.value); 
      // add placeholder to get the comma-and-space at the end 
      terms.push(""); 
      this.value = terms.join(", "); 
      return false; 
     } 
    }); 
}); 

Answer 1

文字列、レスポンスを解析してみてください：

$.get('Keywords.txt').then(function(keywords){ 
    items = JSON.parse(keywords); 
});