首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么实现动态显示查询结果

2013-07-01 
如何实现动态显示查询结果快速查询: ___________________---------------------结果显示区---------------

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

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




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

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

热点排行