搜索框输入内容，动态显示提示（ajax） |
您所在的位置：网站首页 › 搜索框输入自动提示 › 搜索框输入内容，动态显示提示（ajax） |
搜索框输入内容，动态显示提示（ajax）
|
搜索框输入内容，利用ajax动态显示提示
即当我们在搜索框中输入一个a时，当且仅当我们输入完a后，搜索框可以提示我们aa,或者abc等等，我们也可以选定aa,abc等等
最后是后台处理的代码： package servlet; import java.io.IOException; import java.io.PrintWriter; import java.util.HashMap; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class SerachSuggest */ @WebServlet("/SearchSuggest") public class SearchSuggest extends HttpServlet { /** * Constructor of the object. */ /** * Destruction of the servlet. */ public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } public SearchSuggest() { super(); // TODO Auto-generated constructor stub } /** * The doGet method of the servlet. * * This method is called when a form has its tag value method equals to get. * * @param request the request send by the client to the server * @param response the response send by the server to the client * @throws ServletException if an error occurred * @throws IOException if an error occurred */ public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.setContentType("text/html"); PrintWriter out = response.getWriter(); out .println(""); out.println(""); out.println(" A Servlet"); out.println(" "); out.print(" This is "); out.print(this.getClass()); out.println(", using the GET method"); out.println(" "); out.println(""); out.flush(); out.close(); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("UTF-8"); response.setContentType("text/xml;charset=UTF-8"); PrintWriter out = response.getWriter(); HashMap map = new HashMap(); map.put("A","aababcabcdabcde"); map.put("ab","ababcabcdabcde"); map.put("abc","abcabcdabcde"); map.put("abcd","abcdabcde"); map.put("abcde","abcde"); String inputWord= request.getParameter("inputWord"); if(!map.containsKey(inputWord)){ out.println(""); }else{ out.println(map.get(inputWord).toString()); } } /** * Initialization of the servlet. * * @throws ServletException if an error occurs */ public void init() throws ServletException { // Put your code here } }
考虑过一个问题，现在这个后台处理是写死的，我想要的操作是通过ajax动态查询数据库的相似内容，给予用户搜索提示，但是目前没有做到这个功能，研究了好几天，仍没有实现。
|
【本文地址】
今日新闻 |
推荐新闻 |