频道导航

dwr入门

2020-06-19 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了dwr入门，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

由于最近要写一个在线的聊天工具，找到了这个比较不错的开源工具。 - DWR (Direct Web Remoting)

最后的架构是希望SSH2 + DWR3实现比较复杂的在线聊天功能。

废话少说，马上开始。（开发工具：Eclipse Indigo + Tomcat7)

第一个DWR3程序

第一步：导入需要的两个Jar包：(下载地址：http://directwebremoting.org/dwr/downloads/index.html）

dwr.jar
commons-logging-1.1.1.jar

第二步：创建web.xml文件（目录在WebContent/WEB-INF/lib/下）

[html]view plaincopy 
   
print?
 <?xmlversion="1.0"encoding="UTF-8"?>
 <web-appxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee"xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"id="WebApp_ID"version="2.5">
 <servlet>
 <display-name>DWRServlet</display-name>
 <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>
 <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping>
 </web-app>

第三步：创建dwr.xml文件（放在与web.xml同一个目录下）

copy 
    
   
<!DOCTYPEdwrPUBLIC "-//GetAheadLimited//DTDDirectWebRemoting3.0//EN"
 "http://directwebremoting.org/schema/dwr30.dtd">
 <dwr>
 <allow>
 <!--注意，Javascript的类名必须要和真正的class名称一致，否则会报错-->
 <createcreator="new"javascript="DwrTest">
<!--具体在server端实现的类-->
 <paramname="class"value="com.eztalk.bean.DwrTest"/>
 </create>
 </allow>
 </dwr>

第四步：根据上面暴露出的class，写具体的类

 
   [java] 
   copy 
   
?

packagecom.eztalk.bean;

publicclassDwrTest{
publicStringtest(Stringmessage)
{
System.out.println("getMessage:"+message);
return"hello:"+message;
}
}

第五步：写客户端的界面：

copy 
    
   
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <Metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
 <title>DRM3Test</title>
 <!--注意以下两个javascript的顺序不能随便改
 1.第一个是engine.js文件，由dwr.jar包提供
 2.第二个是根据自己写的类生成的js文件，格式为/{appname}/dwr/interface/{在dwr中暴露的javascript类名.js}
 3.如果对script的写法不好掌握，可以调用以下URL查看:
 http://urlname/appname/drw/
 -->
 <scripttype='text/javascript'src='/ezTalk/dwr/engine.js'></script>
 <scripttype='text/javascript'src='/ezTalk/dwr/interface/DwrTest.js'></script>
 
 <scripttype="text/javascript">
 functionsendMessage()
 varmessage=document.getElementById("message").value;
 alert(message);
 //直接用dwr.xml中暴露出来的类来调用，第一个是方法test的传入参数，最后一个是回调的方法
 DwrTest.test(message,showMessage);
 //回调方法
 functionshowMessage(data)
 {alert(data);}
 </script>
 </head>
 <body>
 <inputtype="text"id="message"name="message"/>
 <inputtype="button"value="sendmessage"onclick="sendMessage()"/>
 <divid="returnmessage"></div>
 </body>
 </html>

第六步：收工测试 -测试OK

eclipse中的目录结构：

第七步：注意事项

dwr.xml中javascript的名字和类名必须一致，我试着用不同的名字来代替，结果就悲剧了.--纠正一下，这个说法是错误的，我重启了一下Tomcat Sever，用不同的Javascript名字也可以正常运行了。 --Nov-6 2011
dwr自动生成的script脚本在客户端是有先后顺序的,engine.js必须放在前面，自己生成的js文件要放到后面，否则也会报错。
最好是根据官方网站的例子来写，写法比较标准
对于客户端的javascript错误，最好用firefox+firebug插件来跟踪，这里我犯了几个错误，都是靠firebug发现的，比方说dwr.xml中的javascript class定义错误.\
一点点的耐性

建议看官方guideline

http://directwebremoting.org/dwr/introduction/getting-started.html#fiveSteps

http://blog.csdn.net/bruesz/article/details/6931994

原文链接：https://www.f2er.com/ajax/161371.html

上一篇：ajax 执行success 还是error 为什么下一篇：单点登录实现Ajax登录

猜你在找的Ajax相关文章

网页的异步请求（Ajax）

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求兼容性问题利用iframe模拟ajax 实现表...

作者：前端之家时间：2021-01-14

手动实现AJAX

AJAX 每日更新前端基础，如果觉得不错，点个star吧 😃 https://github.com/Win...

作者：前端之家时间：2020-12-19

axios异步提交表单数据的不同形式

踩坑Axios提交form表单几种格式前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...

作者：前端之家时间：2020-12-12

php的ajax简单实例

很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...

作者：前端之家时间：2020-11-11

Json与Ajax(注册实例）

需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: "./serv...

作者：前端之家时间：2020-11-07

jSon和Ajax登录功能，ajax数据交互案例

ajax实例，检测用户与注册检测用户名是否被占用：在用户填写完用户名之后，ajax会异步向...

作者：前端之家时间：2020-11-07

关于AjaxControlToolkit的样式问题

网(LieHuo.Net)教程技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...

作者：前端之家时间：2020-11-04

一个简单的AJAX实现(HELLO AJAX)

客户端部分： <html> <head> <meta http-equiv="Content-Type" ...

作者：前端之家时间：2020-11-04

AJAX中文乱码的两类问题及解决之策

1）发送路径中的参数有中文，在服务器段接收参数值是乱码例如： var url=”a.jsp?na...

作者：前端之家时间：2020-11-04

实例：AJAX返回xml代码如何在网页中显示

建站学院（LieHuo.Net）文档今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...

作者：前端之家时间：2020-11-04

最新文章