在jquery ui自動完成中結合本地源代碼和遠程源代碼

Question

本地包含javascript常用術語列表，然後我還想通過ajax響應從服務器獲取json響應。如何做呢？

var projects = ["apple", "orange"]; 

$('#search').autocomplete({ 
    source: projects 
}); 

然後附加結果從ajax？

Answer 1

你會這樣做的方式是將你從服務器返回的結果與本地結果數組結合起來。你可以通過一個函數來自動完成的source選項實現這一點：

有三個步驟，你就必須執行：

1. 發出Ajax請求，並從服務器獲取結果。
2. 篩選本地陣列
3. 合併結果

這應該是非常簡單的。像這樣的東西會工作：

$("input").autocomplete({ 
    source: function(request, response) { 
     /* local results: */ 
     var localResults = $.ui.autocomplete.filter(localArray, request.term); 

     /* Remote results: */ 
     $.ajax({ 
      /* AJAX options omitted... */ 
      success: function(data) { 
       /* Process remote data using $.map, if necessary, then concatenate local 
       * and remote results. 
       */ 
       response(data.concat(localResults)); 
      } 
     }); 
    } 
}); 

我已經工作了一個完整的例子在這裏：http://jsfiddle.net/FZ4N4/