1.为输入框绑定时间,输入内容激活事件。(这段是输入框的代码)(页面1)
<%//这里用于显示动态提示的数据 %>
2.获取输入的内容(页面1)
3.ajax将内容提交到服务器去查询,并用List
4.在web层使用‘json’的转换工具将集合‘List
5.通过‘response.getWriter().write(json);’把json的字符串返还到‘$.post()’方法中(页面2)
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//获得关键字
String word = request.getParameter("word");
//查询该关键字的所有商品
ImgService service = new ImgService();
List
6.遍历‘json’字符串,获取里面的每段文字,一段文字做一行,添加到‘html’中动态显示(页面1)
//3、将返回的商品的名称 现在showDiv中
if(data.length>0){
for(var i=0;i"+data[i]+"
6.1 查询代码-service层
//动态查询(输入框)关键字
public List
6.2 查询代码-dao层
//动态查询(输入框)关键字
public List
7.设置一点‘jQuery’样式
function overFn(obj){//鼠标在上面
$(obj).css("background","#F0F8FF");
}
function outFn(obj){//鼠标离开
$(obj).css("background","white");
}
function clickFn(obj){//鼠标点击
$("#search1").val($(obj).html());
$("#showDiv1").css("display","none");
}
8.插件使用:json转换插件 Gson(谷歌出品)