日期:2014-05-16  浏览次数:20372 次

如何实现动态显示查询结果

快速查询: ___________________
         
---------------------
结果显示区




---------------------

我想在"快速查询"框中输入要查询的条件,然后将符合条件的内容输出在"结果显示区"。
要求: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(请求结果)
         }
     })
})