DWR框架快速入门<学习随笔>

DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样
1写简单java类主要类public class HelloDwr { public String hello(String name){ System.out.println("hello DWR"); return name+",你好！DRW"; } //传入对象 public String sendObj(Person p){ System.out.println(p.getName()); return p.getName(); } //传入属性返回对象 public Person getBean(String name){ return new Person(name); } //返回一个List<Person>对象 public List<Person> getPersonList(){ System.out.println("list集合"); List<Person> person = new ArrayList<Person>(); person.add(new Person("张三")); person.add(new Person("李四")); person.add(new Person("马五")); return person; } //返回一个List集合需要在dwr.xml中配置得以解析 public String getList(List<Person> pl){ String rsult=""; for(Person p:pl){ rsult+="---"+p.getName(); } return rsult; } //传入远程 map public Map<String,Person> sendMap(){ Map<String,Person> m= new HashMap<String, Person>(); m.put("zhangsan", new Person("张三")); m.put("lisi", new Person("李四")); m.put("mawu", new Person("马五")); return m;    } //从远程得到一个map public String getMap(Map<String,Person> m){ String str=""; for(String key:m.keySet()){ str+=key+"----"+ m.get(key).getName()+"\n"; } return str;    } public String included(String str){ return "这是一个被暴露的方法"; }    public String exclude(String str){ return "这个是被隐藏的方法"; }

辅助类
public class Person { private String name; private String sex; private int age;    public Person() { }   public Person(String name) { this.name=name; }//字段封装省略}

2.配置web.xml文件

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE web-app PUBLIC
    "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app id="dwr">

  <listener>
    <listener-class>org.directwebremoting.servlet.DwrListener</listener-class>
  </listener>

  <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>

</web-app>

3.配置dwr.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">

<dwr>

  <allow>
  
  <create creator="new" javascript="hello">
  <param name="class" value="dwr.HelloDwr"/>

  </create>
  
    <--<convert match="dwr.Person" converter="bean"> 与下面的实质相同这个是通过setter gettet 访问属性而下面的则是使用反射-->
  <convert match="dwr.Person" converter="object">
  
  <param name="force" value="true"></param>
  </convert>
  
  
  <convert match="java.util.Collection" converter="collection"/>
  <convert match="java.util.Map" converter="map"/>
  </allow>
  
  <signatures>
  <![CDATA[
  import java.util.List;
  import dwr.HelloDwr;
  import dwr.Person;
  HelloDwr.List<Person> getPersonList();
  HelloDwr.getList(List<Person>);
  ]]>
  </signatures>
</dwr>

4.页面

<html> <head> <title>My JSP 'index.jsp' starting page</title> <script type="text/javascript" src="dwr/engine.js"></script> 注：自动生成，封装在jar包中路径看web配置，必须加载上 <script type="text/javascript" src="dwr/util.js"></script> 注：自动生成，封装在jar包中路径看web配置，提供便捷工具  <script type="text/javascript" src="dwr/interface/hello.js"></script>注：自动生成，自己写的看dwrxml 路径看web配置固定地址 */interface/*，必须加载上 <script type="text/javascript"> function sendstr(){ alert("测试"); hello.hello("hello DWR",function (data){ alert(data); }); } //--------------------------------------- function sendobj(){ var nameval =document.getElementById("name").value; alert(nameval); hello.sendObj({name:nameval},function (data){ alert(data); }); } //---------------------------------------- function getbean(){ var nameval =document.getElementById("name").value; hello.getBean(nameval,function (data){ alert(data.name); }); } //---------------------------------------- function getlist(){ hello.getPersonList(function (data){ for(var i in data){ alert(data[i].name); } }); } //---------------------------------------- function sendlist(){ //json 数组后台需要有相应的setget var v=[ {name:"zs"}, {name:"ls"}, {name:"mw"} ]; hello.getList(v,function (data){ alert(data); } ); } //---------------------------------------- //解析传过来的MAP function sendMap(){ var result=""; hello.sendMap(function (data){ for(var key in data){ result+="键为 "+key+"值为"+data[key].name+"<br>"; } alert(result); }); } //---------------------------------------- function getMap(){ //后台需要有相应的setget var map={ "zhangshan":{name:"张三"}, "lisi":{name:"李四"}, "mawu":{name:"马五"} }; hello.getMap(map,function (data){ alert(data); for(var i=0;i<data.lenght;i++) alert(data[i].name); }); } </script> </head>   <body> 姓名<input type="text" name="name" id="name"/><br> <input type="button" onclick="sendstr()" value="传入普通字符串返回字符串"/><br> <input type="button" onclick="sendobj()" value="传入对象属性返回字符串"/><br> <input type="button" onclick="getbean()" value="传入对象属性返回对象"/><br> <input type="button" onclick="getlist()" value="返回对象List集合"/><br> <input type="button" onclick="sendlist()" value="传入对象集合"/><br> <input type="button" onclick="sendMap()" value="解析MAP集合"/><br> <input type="button" onclick="getMap()" value="传入MAP集合"/><br> </body></html>

与spring整合Spring XML配置在spring配置文件里面加入要变成 JavaScript的类 eg：<beans><bean id="hello" class=""></beans>dwr.xml 配置<allow><create creator="new" javascript="hello">
  <param name="beanName" value="hello"/>
</create>
</allow>
附加：使用json回调可选项更多 function sendMessage(){ //获取name文本框的值 var name = document.getElementById("name").value; //使用json格式调用远程java方法 hello.hello(name, { //指定回调函数 callback:cb, //指定超时时间 timeout:5000, //指定错误处理函数，对于dwr1.x，如果服务端发生异常，该函数被激发；从dwr2.0开始，服务端异常激发exceptionHandler函数。 errorHandler:function(message){alert("Oops: " + message);},    //当因为浏览器bug引起的问题激发此函数，该选项只有dwr2.0才支持。 warningHandler:function(message){alert("Oops: " + message);}, //当服务器响应不是正确的text/html页时，激发该函数。通常，超时也会激发该函数。 textHtmlHandler:function(message){alert("Oops: " + message);}, //远程调用失败后激发该函数。通常服务器端处理异常或者数据转换异常时会激发该函数。 exceptionHandler:function(message){alert("Oops: " + message);}, //指定发送请求的方法，分别是GET请求和POST请求。 httpMethod:'POST', //指定是否发送异步请求。默认值true，即使用异步请求。通常建议不使用同步请求。 async:true, //指定远程调用方式，三个值DWREngine.XMLHttpRequest,DWREngine.Iframe,DWREngine.ScriptTag,分别使用XMLHttpRequest，Iframe，ScriptTag，默认为XMLHttpRequest方式 rpcType:DWREngine.XMLHttpRequest,    //指定一个Hook函数，该函数在远程调用之前被激发。 preHook:function(){alert('远程调用之前.....')}, //指定一个Hook函数，该函数在远程调用之后被激发。 postHook:function(){alert('远程调用之后.....')} } );//回调函数function cb(data){ document.getElementById("show").innerHTML = data;}DWREngine.setOrdered(boolean)方法：true,严格限制响应顺序，默认false；DWREngine.setTimeout(5000)方法：设置全局响应时间DWREngine.setPreHook(preFun);DWREngine.setPostHook(postFun);注:转载请声明何处

秒客网

DWR框架快速入门<学习随笔>

相关文章