简单的自动补全功能

最新推荐文章于 2024-11-25 11:28:32 发布

原创最新推荐文章于 2024-11-25 11:28:32 发布 · 629 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dwr #border #div #encoding #session #list

AJAX 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用DWR库实现Web应用中的自动补全功能。通过整合DWR、Hibernate进行数据库操作，并配置必要的XML文件，实现了输入框中根据用户输入实时返回匹配用户名的功能。

引入dwr库和mssqlserver2.jar

在src建包biz

编写方法

package biz; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import org.hibernate.Query; import org.hibernate.Session; import dao.BaseHibernateDAO; import dao.HibernateSessionFactory; import dao.IBaseHibernateDAO; public class GetUserInfo { public List getAllUserList(String uname) { IBaseHibernateDAO dao=new BaseHibernateDAO(); Session session=dao.getSession(); String hql="select uname from StuUser where uname like '"+uname+"%'"; List list=new ArrayList(); try { Query query=session.createQuery(hql); list=query.list(); } catch(Exception e) { } return list; }

该方法返回的是uname的集合

在WEB-INF下创建dwr.xml文件

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> <dwr> <allow> <create javascript="show" creator="new"> <param name="class" value="biz.GetUserInfo"></param> </create> </allow> </dwr>

修改web.xml文件

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet> <servlet-name>dwr</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <param-name>crossDomainSessionSecurity</param-name> <param-value>false</param-value> </init-param> </servlet> <servlet-mapping> <servlet-name>dwr</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> </web-app>

因为dwr文件是2.0的 ,可能会引起session error错误所以加入了

<init-param>
            <param-name>crossDomainSessionSecurity</param-name>
            <param-value>false</param-value>
</init-param>

下面来修改index.jsp页面

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>自动补全</title> <mce:script type="text/javascript" src="dwr/interface/show.js" mce_src="dwr/interface/show.js"></mce:script> <mce:script type="text/javascript" src="dwr/engine.js" mce_src="dwr/engine.js"></mce:script> <mce:script type="text/javascript" src="dwr/util.js" mce_src="dwr/util.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <table width="309" border="0"> <tr> <td width="91"> 自动补全: </td> <td width="202"> <input type="text" name="uname" id="uname" onkeyup="showUser(this)"> </td> </tr> <tr> <td></td> <td> <div id="div1"> div </div> </td> </tr> </table> </body> </html>