DWR 实现Ajax的简单例子

来源：互联网发布：网络原创歌曲排行编辑：程序博客网时间：2024/09/21 09:23

1、将dwr.jar包放在web-info/lib目录下

2、编辑web.xml文件，添加servlet

Java代码 
<servlet>  
  <servlet-name>dwr-invoker</servlet-name>  
  <display-name>DWR Servlet</display-name>  
  <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
  <init-param>  
     <param-name>debug</param-name>  
     <param-value>true</param-value>  
  </init-param>  
</servlet>  
<servlet-mapping>  
  <servlet-name>dwr-invoker</servlet-name>  
  <url-pattern>/dwr/*</url-pattern>  
</servlet-mapping>  

3、编写类：test.CheckUser

Java代码 
package test;  
  
public class CheckUser {  
public String check(String name){  
 //访问数据库验证信息  
 if(name.startsWith("cc")){  
  return "用户已经存在";  
 }  
 else{  
  return "可以使用该用户";  
 }  
}  
}  

4、创建配置文件并在配置文件中配置CheckUser类。

Java代码 
<?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 creator="new" javascript="CheckUser">  
      <param name="class" value="test.CheckUser"/>  
    </create>  
  </allow>  
</dwr>  

5、编写index.jsp页面，实现效果。

在页面文件中实现效果

1）在javascript中通过使用dwr.util.getValue() 来获取页面中某个页面元素的值。

2）直接调用后台java类的方法，传递方法参数和“异不调用返回后的处理脚本函数"

3）”在处理脚本函数“中我们可以通过dwr.util.setValue（”控件ID",值）来个控件更新数据。

4）为了让javascript脚本中可以调用java类的方法我们需要在dwr.xml文件中申明java类。

注意：在页面中需要包含引入：

否则会出现脚本错误

Java代码 
<html>   
<head>   
<script type='text/javascript' src='/test/dwr/interface/CheckUser.js'></script>  
<script type='text/javascript' src='/test/dwr/engine.js'></script>  
<script type='text/javascript' src='/test/dwr/util.js'></script>  
  
<script LANGUAGE=javascript>   
<!--   
function check() {  
  var name = dwr.util.getValue("username");  
  CheckUser.check(name, function(data) {  
    dwr.util.setValue("result", data);  
  });  
}  
//-->   
</script>   
</head>   
<body>   
<input type="text" id="username"/>  
<input value="check" type="button" onclick="check()"/>  
<br/>  
 <span id="result"></span>  
</body>   
</html> 

0 0