Dwr入门教程

来源:互联网 发布:互联网 用户 数据挖掘 编辑:程序博客网 时间:2024/04/27 00:34

一简介:

1.      DWR(Direct WebRemoting)是一个Ajax的开源框架,用于改善web页面与Java类交互的远程服务器端的交互体验,该文档简单介绍了dwr的使用入门,并提供了demo以便开发人员学习应用。

 

2.需要使用的文件:

         dwr.jar,commons-logging.jar(dwr依赖于commons-logging.jar,放在项目的lib下)

         dwr.xml(放在WEB-INF下)

 

3.项目结构如下:



二详细配置:

1.设置web.xml文件,加入以下配置

<servlet>

       <servlet-name>dwr-invoker</servlet-name>

       <servlet-class>org.directwebremoting.servlet.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>


2.创建一个供JS调用的类

 public class DwrTest(){

public String sayHello(String name){

return "Hello:" + name ;

}

}


3.配置dwr.xml文件

<dwr>

<allow>

<create javascript="DwrTest" creator="new">

<param name="class" value="com.dwr.test.DwrTest"></param>

</create>

</allow>

</dwr>


4.在JSP页面中调用方法,注意要引入的JS文件

<html>  
  <head>  
    <script type="text/javascript" src="dwr/engine.js"></script>  
    <script type="text/javascript" src="dwr/util.js"></script>  
    <script type="text/javascript" src="dwr/interface/DwrTest.js"></script>   
  </head>  
    
  <body>  
    This is my JSP page. <br>  
    TestDwr Start:<input type="text" id="name" value=""/>&nbsp;&nbsp;&nbsp;<input type="button" onclick="Say()"          value="Test_DWR"/>  
  </body>  
</html>


<script type="text/javascript">  
    function Say(){  
       var inputName=document.getElementById("name").value;  
       DwrTest.sayHello(inputName,function(data){
           alert(data);
       });  
    }  
</script> 


至此,一个简单的DwrDemo完成。











0 0