Ajax+JSON 搜索框自动完成提示功能

index.jsp 页面

<%@ page language="java" contentType="text/html; charset=GBK"
	pageEncoding="GBK"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>












	查询：
	
	

 

demo.jsp 页面

<%@ page language="java" contentType="text/html; charset=GBK"
	pageEncoding="GBK"%>
<%
	request.setCharacterEncoding("GBK");
	String query = request.getParameter("term");//获取要匹配的参数
	String[] source = { "ActionScript", "AppleScript", "Asp", "BASIC",
			"C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang",
			"Fortran", "Groovy", "Haskell", "Java", "JavaScript",
			"Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" };
	StringBuffer buffer = new StringBuffer("[");
	//遍历目标数组，返回符合条件的结果
	for (int i = 0; i < source.length; i++) {
		if (null != query) {
			//忽略大小写比较
			if (source[i].toLowerCase().startsWith(query.toLowerCase())) {
				buffer.append("{\"label\":\"" + source[i] + "\"},");
			}
		}
	}
	String result = buffer.toString();
	//去掉最后面的逗号
	if (result.endsWith(",")) {
		result = result.substring(0, result.length() - 1);
	}
	result += "]";
	//输出到浏览器
	out.print(result);
	//输出到控制台[{"label":"ActionScript"},{"label":"AcXXX"}]
	System.out.print(result);
%>

 

效果图：