模糊查询

需求

​ 在一个文本框中,输入内容,键盘弹起的时候,需要拿到用户输入的内容,去数据库中查询包含此内容的4条数据,将数据展示出来

技术分析:

javascript:

​ 开发步骤:

​ 1.确定事件: onkeyup

2. 2. 时间触发函数

   3. 函数中要搞点事情

      得到用户输入的信息,

      发送异步请求去服务器中查询友好提示

      ​

json : 一种轻量级的数据交换格式

​ 格式1: 数组,元素可以为任意类型 [e1,e2,e3,...]

​ 格式2:json对象,value可以任意类型 { "key":"value1","key2","value2"}

步骤分析

1. 新建表

2. 在页面上给文本框添加键盘弹起事件,获取用户输入的值,发送ajax请求

3. servlet

   3.1 获取用户输入的值

   3.2 调用service完成查询操作,返回值List

   3.3 将list转成json, 返回给浏览器

4. service dao中使用columnlisthandler

5. 在页面上遍历json添加到大div中

代码实现

$("#keyword").keyup(function(){
			//获取文本框内输入的值
			var value = $("#keyword").val();
			//找到显示内容的div
			var $div = $("#content");
			$div.empty();
			if(value != ''){
				//发送异步请求去服务器中查询
				$.post("/day23/name","keyword="+value,function(obj){
					$(obj).each(function(i,data){
						$("#content").append("<div >"+data+"</div>")
					});
				},"json");
			}else{
				$div.hide();	
			}
		});