データのローカル配列で必要なことを行っているjsfiddleの例を取り上げ、jsfiddlesメソッドを使用してリモートデータから機能させようとしました。
これは、 http: //jsfiddle.net/T45rQ/8/ に複数の「タグ」を入力できる最初の jsfiddle です。
var tags = [
"example.com"
,"akamai.com"
,"2charts.com"
,"gmail.com"
,"jquery.com"
,"yahoo.com"
,"ymail.com"
,"hotmail.com"
];
results = $.ui.autocomplete.filter(tags, term);
これは、リモート データ ソースを使用して同じものを表示しようとする試みです。これは、@dc5 がエラーを指摘した後、正しい JSON 形式で更新されます。 http://jsfiddle.net/T45rQ/138/
var data = 'json=[{"label":"example.com","value":"example.com"},{"label":"akamai.com","value":"akamai.com"},{"label":"2charts.com","value":"2charts.com"},{"label":"gmail.com","value":"gmail.com"},{"label":"jquery.com","value":"jquery.com"},{"label":"yahoo.com","value":"yahoo.com"},{"label":"ymail.com","value":"ymail.com"},{"label":"hotmail.com","value":"hotmail.com"}]'
results = $.ui.autocomplete.filter(
$.ajax({
url:"/echo/json/",
data:data,
type:"POST",
success:function(response) {
console.log(response);
response
}
})
, term);
最初はデータに問題がありましたが、@dc5 さんが以下にコメントし、JSON エラーを指摘しました。結果がコンソールに表示され、エラーが生成されていないように見えても、ドロップダウン機能を表示するだけで済みます。
結果が機能するようになったら、機能が以前のように機能しているかどうかを最終的にテストできます。これが最終的な目標です。