我如何填充數據庫項目的自動完成搜索

Question

我想用數據庫項目填充Jquery自動完成搜索...而不是使用名稱分配給它的名稱列表，我可以從我的數據庫源搜索？

$(function() { 
    var names = [ "sandy", "ruga", "malicka" ]; 

    var normalize = function(term) { 
     var ret = ""; 
     for (var i = 0; i < term.length; i++) { 
      ret += accentMap[ term.charAt(i) ] || term.charAt(i); 
     } 
     return ret; 
    }; 

    $("#developer").autocomplete({ 
     source: function(request, response) { 
      var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); 
      response($.grep(names, function(value) { 
       value = value.label || value.value || value; 
       return matcher.test(value) || matcher.test(normalize(value)); 
      })); 
     } 
    }); 
}); 

Answer 1

檢查這個例子從jQuery UI的自動完成：http://jqueryui.com/demos/autocomplete/#multiple-remote

的基本思路是這樣：

... 
source: function(request, response) { 
    $.getJSON("yourserver/data.php", {...params...}, response); 
}, 
... 

Answer 2

的總體思路是：

if(User starts typing in search box) { 

    Fire keydown event in JavaScript { 

     Send ajax request to your database, 
      return a JSON object with relevant data 

     Populate a list with those hits 

     Assign said list to autocomplete 
    } 
} 

Answer 3

你必須使用AJAX。

AJAX用於向遠程服務器發送請求，然後從服務器接收數據。

在服務器端，您可以創建一個服務來接收特定請求並作爲響應發送結果。之後，您可以將結果保存在列表中，然後執行您現在正在執行的操作。