如何实现动态显示查询结果
快速查询: ___________________
---------------------
结果显示区
---------------------
我想在"快速查询"框中输入要查询的条件,然后将符合条件的内容输出在"结果显示区"。
要求:1、不能有提交按钮;
2、根据查询条件的变化动态输出结果;如:条件为 A,则所有包含A的内容输出到结果显示区。
------解决方案--------------------可用keydown事件啊
------解决方案--------------------加入快速查询区的id=query,显示区的id=result ,可以这样写:
$('#query').keydown(function(){//键盘按下触发
var in = $(this);
$.ajax({//根据输入内容显示结果
type:"post",
url:"请求的后台url",
data:{'param':in},//传递的参数(输入的查询内容)
dataType:"json",//数据返回类型json格式,也可以是html、text文本格式的
success:function(data){//返回的结果
//遍历data,把data的内容放到显示区,使用$('#result').html(请求结果)
}
})
})