JQUERYリモートデータで入力中にオートコンプリート

Question

"tags"変数を使用する代わりに、以下のコードを使用したいがリモートデータを使用したい。Rest APIを介してデータを取得するためにURLを使用する。この

$("#rfc_cta_ord").autocomplete({ 
    source:'/erp_invoice/get_all_RFC_bank_json' 
}); 

Answer 1

sourceオプションと同様

var tags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]; 
$("#field").autocomplete({ 
    source: function(request, response) { 
    var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i"); 
    response($.grep(tags, function(item) { 
     return matcher.test(item); 
    })); 
    }, 
    disabled: true, 
}); 

は3つのバリエーション

• アレイ
• ストリング
• 機能（コールバック）
で使用することができます

コールバックは、最も柔軟性が高く、JSONPを含む任意のデータソースをオートコンプリートに接続するために使用できます。 APIあなたが望む

からリストをロードするために、既存の機能で、次のコードチャンクを置き換えることができます

• 要求
• 応答：コールバックは2つの引数を受け取ります

  source:function(request, response) { 
       jQuery.getJSON(
       "YOUR_API_URL?callback=?&q=" + request.term, 
       function(data) { 
        response(data); 
       } 
      ); 
      },