文本框输入提示，google suggest-优快云博客

本文链接：https://blog.youkuaiyun.com/hackerhope/article/details/5922741

国庆放假，回家，没有太多的轻松。十月就要校招了，心中有点忐忑。

本以为可以不再迷茫，可以一往无前。明白了，所有的事情要做好都是不容易的。

感觉到时间的珍贵，和不足啊。

我效率太低。注意力无法集中。这将是我个人成长道路上的绊脚石。

百度谷歌搜索框里打入字后他回有所提示，想做一个类似的以后自己可以用用，呵呵。

有备无患，就几句代码，我研究了好几天，哎！

MyAjax.jsp（有的地方使用了jquery）

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'MyAjax.jsp' starting page</title> <mce:style type="text/css" media="screen"></mce:style><style type="text/css" media="screen" mce_bogus="1"> .suggestcss{ border : 1xp solid #000000; background-color : #fofofo; width : 300px; text-align : left; padding : 4px; visibility=hidden; } .cssUserInput{ font-family : verdana; font-size : 12pt; font-weigth : bold; width : 92%; } </style> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <mce:script type="text/javascript" src="<%=basePath%></mce:script>  <mce:script type="text/javascript"></mce:script> </head> <body> <form id ="form" name="form" onSubmit="return false;"> <br> <input type="text" name="text" id ="text" class="cssUserInput" style="width:300px" οnkeyup="ajax()" /><br> <div id ="pp" class="suggestcss"> </div> </form> </body> </html>

控制端 servlet（十分简陋，尝试实现罢了）

package myajax; import java.io.IOException; import java.io.PrintWriter; import java.util.ArrayList; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class NewSuggestServlet extends HttpServlet { /** * Constructor of the object. */ public static String[] word={"a美女","as电视机","as飞机","a电视剧","a电锯惊魂","a电影","as电影频道","b电影网","b美丽", "b美景","b飞机游戏","b飞轮海","b飞机票","b飞信","c上海","c飞天","c电脑","d美人图","d地下城与勇士官网","d地下城与勇士下载","f地下城与勇士下载地址", "d美人心计","d美丽心灵","e美丽人生","e地下城","e地下交通站","e地下党","e地狱少女","e地图","f地铁","f地下城与勇士"}; public NewSuggestServlet() { super(); } public void destroy() { super.destroy(); // Just puts "destroy" string in log // Put your code here } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String tt=request.getCharacterEncoding(); response.setContentType("text/html; charset=gbk"); String text=(String)request.getParameter("text"); //System.out.println(tt); System.out.println(text); PrintWriter out = response.getWriter(); StringBuffer sb = new StringBuffer(); int num=0; if(!text.equals("")){ for (int i = 0; i < word.length; i++) { if(word[i].startsWith(text)){ num++; sb.append("<div id= suggest"+num+">" + word[i] + "</div>/n"); } } //System.out.println(num); if(num>0){ sb.append("<mce:script type="text/javascript"></mce:script>"); System.out.println(sb); } if(num==0){ sb.append("<mce:script type="text/javascript"></mce:script>"); } out.print(sb); } out.flush(); out.close(); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } public void init() throws ServletException { // Put your code here } }