使用Ajax搜索

Question

我有一個search.jsp頁面等待參數發送給它，以便它可以查詢數據庫。我打算使用ajax將搜索參數傳遞給search.jsp頁面。

Job No: <input type="text" name="job"/> 
     <a href="search.jsp?job=<%=job%>" class="search">Search </a> 

如何獲取用戶在工作沒有場把它放在<％=作業％進入信息>並提交無刷新頁面。

Answer 1

您可以使用jQuery

$(".search").keyup(function(){ 
    $("#search_results").load('search.jsp?job='+$("input[name='job']").val()); 
}); 

Answer 2

我想你在找什麼是自動提示功能，有相當多的（好）的JavaScript用於該插件。您可能想要考慮將其中一個集成到您的實現中，而不是重新發明輪子。這裏有一個我以前用過的jQuery插件。整合並做得很好很容易：http://code.drewwilson.com/entry/autosuggest-jquery-plugin