ajax模仿百度,模拟百度通过关键字搜索ajax

String path &＃61; request.getContextPath();

String basePath &＃61; request.getScheme()&＃43;"://"&＃43;request.getServerName()&＃43;":"&＃43;request.getServerPort()&＃43;path&＃43;"/";

%>

//加载

$(function(){

//派发事件

$("#kid").keyup(function(){

//获取用户输入的关键字

var $keywords &＃61; $(this).val();

if ($keywords !&＃61; null && $keywords !&＃61;"") {

//清空div

$("#did").html("");

var url &＃61; "${pageContext.request.contextPath}/ajaxSearch";

var param &＃61; {"keywords":$keywords};

$.post(url,param,function(data){

//不为空的时候切割字符串

if (data !&＃61; null) {

$(data).each(function(index,n){

$("#did").append("

})

$("#did").show();

}

},"json")

}else{

//内容为空时,将div隐藏起来

$("#did").hide();

}

});

});

public class AjaxSearchServlet extends HttpServlet {

private static final long serialVersionUID &＃61; -3112366969977240031L;

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

doPost(request, response);

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

//获取请求参数

String keywords &＃61; request.getParameter("keywords");

//System.out.println(keywords);

try {

List list &＃61; new SearchService().findKeywords4Ajax(keywords);

//System.out.println(list.toString());

if (list !&＃61; null && list.size() >0 ) {//判断list是否为空

String jsonString &＃61; JSON.toJSONString(list);

System.out.println(jsonString);

response.setCharacterEncoding("utf-8");

response.getWriter().print(jsonString);

}

} catch (SQLException e) {

e.printStackTrace();

}

}

}

public class SearchService {

public List findKeywords4Ajax(String keywords) throws SQLException {

return new SearchDao().findKeywords4Ajax(keywords);

}

}

public class SearchDao {

public List findKeywords4Ajax(String keywords) throws SQLException {

QueryRunner qr &＃61; new QueryRunner(DataSourceUtils.getDataSource());

String sql &＃61; "select keywords from t_keywords where keywords like ? limit 5";

//ColumnListHandler&＃xff1a;将结果集中某一列的数据存放到List中。

return qr.query(sql, new ColumnListHandler("keywords"),"%"&＃43;keywords&＃43;"%");

}

}