如何在Google自己的自動完成框中包含Google建議中的建議

下面的代碼顯示了一個自動完成功能，它只使用我提供的數據。我希望能夠更改數據源，以便在使用自動完成功能時顯示常見的Google搜索。我怎麼能這樣做？如何在Google自己的自動完成框中包含Google建議中的建議

<html> 
    <head> 
     <script type="text/javascript" 
     src="http://www.google.com/jsapi?key=ABQIAAAARh4zAaoctlNef6M1fBHLSRT_pkQkDorgHY-QpTBEqS9oVy079BTA6a35AAdpXz6ExAMdICz8lNWRVA"></script> 
     <script> 
      google.load("jquery", "1.4.2"); 
      google.load("jqueryui", "1.8.2"); 
     </script> 
    </head> 

    <body> 
     <script> 
       $(document).ready(function() { 
        var myData = ["One", "Two", "Three"]; 
        $("#myTestField").autocomplete({ 
         source: myData 
        }); 
       }); 
     </script> 

     <form> 
     <input type="text" id="myTestField" /> 
     </form> 

    </body> 


</html>

來源

2011-03-22 user653748

正如您在示例代碼中看到的，可能性在myData數組中定義。您需要設置一個php（或任何其他技術）的服務器端腳本來根據起始字符串返回數據。該數據將通過AJAX進行輪詢並由自動完成使用。

來源

2011-03-22 17:08:38

我沒有找到自己直觀的示例代碼，因此我將使用ASP.NET MVC爲自動完成搜索框添加一些基本內容。

的jQuery：

<script> 
    $(function() { 
     $("#search").autocomplete({ 
      source: '/Search' 
     }); 
    }); 
</script>

ASP.NET MVC：

public ActionResult Search(string term) 
{ 
    List<string> results = new List<string>(); 

    foreach (var x in y) // where y is what you are searching 
    { 
     if (x.Contains(term)) 
      results.Add(x); 
    } 

    return Json(results); 
}

來源

2011-03-29 23:51:44 robbie

如何在Google自己的自動完成框中包含Google建議中的建議

回答

相關問題