ajax自动补全（读数据库的数据）

答案：我的用的是ajax的dwr框架，我用的是mysql
操作数据库代码就不用写了吧，就一查询方法，使用模糊查询就ok了
这里就不拷了，太长了
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>
 <script type='text/javascript' src='/t14/dwr/inte易做图ce/QueryStuDWRAction.js'></script>
  <script type='text/javascript' src='/t14/dwr/engine.js'></script>
 <script type='text/javascript' src='/t14/dwr/util.js'></script>
    <title>DWR自动补全</title>
    
    <script type="text/javascript">
     
     var show_div;
     function auto(obj){
     
       show_div = $("show_div");
       setOffsets(obj);
     //DWRUtil.useLoadingMessage("等待................"); 
      QueryStuDWRAction.getAutoInfo(obj.value,function (datas){
       
       DWRUtil.removeAllRows('_tbody'); 
          
       show_div.style.display = "block";
       
    var cellfunce =[
     function(data) {return data.bname}
    ]
       //填充表格
       DWRUtil.addRows("_tbody", datas, cellfunce); 
       
      });
      
     }
      //设置显示位置
  function setOffsets(obj){
  
   var width = obj["offsetWidth"]; 
   var heigth = obj["offsetHeight"];
   show_div.style.border = "black 1pk solid";
   var top =0;
   var left =0;
   while(obj){
    top += obj["offsetTop"];
    left += obj["offsetLeft"];
    obj = obj.offsetParent;
   }
   
   //alert(width+":"+heigth);
   show_div.style.left = left;
   show_div.style.top = top+heigth;
   show_div.style.width = width-2;
  }
    </script>
    
  </head>
  
  <body>
     百度搜索：<input type="text" id=txt_input onkeyup="auto(this)"  ><br/>
     <div id="show_div" style="display:none;position: absolute;border: black 1px solid;cursor:point;" >
      <table width="156" >
       <tbody id="_tbody" >
        
       </tbody>
      </table>
     </div>
  </body>
</html>
建议您到威客网去寻求帮助吧！
威客-猪八戒网，中国最大的威客网站 http://www.zhubajie.com/task/?registe=2712858
上一个：Web应用中使用Ajax与数据库交互问题
下一个：简单ajax求助 - 技术问答
更多图片编程知识: