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

<?xmlversion="1.0"encoding="utf-8"?>
<!DOCTYPEweb-appPUBLIC
"-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN"
" http://java.sun.com/dtd/web-app_2_3.dtd">

<web-appid="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文件

<?xmlversion="1.0"encoding="UTF-8"?>
<!DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting3.0//EN"" http://getahead.org/dwr/dwr30.dtd">

<dwr>

<allow>

<createcreator="new"javascript="hello">
<paramname="class"value="dwr.HelloDwr"/>

</create>

<--<convertmatch="dwr.Person"converter="bean"> 与下面的实质相同这个是通过setter gettet 访问属性而下面的则是使用反射-->
<convertmatch="dwr.Person"converter="object">

<paramname="force"value="true"></param>
</convert>


<convertmatch="java.util.Collection"converter="collection"/>
<convertmatch="java.util.Map"converter="map"/>
</allow>

<signatures>
<![CDATA[
importjava.util.List;
importdwr.HelloDwr;
importdwr.Person;
HelloDwr.List<Person>getPersonList();
HelloDwr.getList(List<Person>);
]]>
</signatures>
</dwr>

4.页面

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

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>

</body>

</html>

与spring整合

Spring XML配置

在spring配置文件里面加入要变成 JavaScript的类

eg：

<beans>

</beans>

dwr.xml 配置

<allow>

<createcreator="new" javascript="hello">
<paramname="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框架快速入门<学习随笔>

猜你在找的Ajax相关文章