Dwr 是一个 Java 开源库,帮助你实现Ajax网站。

   它可以让你在浏览器中的Javascript代码调用Web服务器上的Java,就像在Java代码就在浏览器中一样。

   Dwr 主要包括两部分:

   在服务器上运行的 Servlet 来处理请求并把结果返回浏览器。

   运行在浏览器上的 Javascript,可以发送请求,并动态改变页面。

   Dwr 会根据你的 Java 类动态的生成Javascript代码。

   这些代码的魔力是让你感觉整个Ajax调用都是在浏览器上发生的,但事实上是服务器执行了这些代码,DWR负责数据的传递和转换。

 

   从DWR官网下载最新版本的jar包,地址:http://directwebremoting.org/dwr/downloads/index.html

   将jar包放入WEB-INF的lib文件夹下。同时,dwr依赖于commons-logging.jar这个包

   配置 web.xml 文件如下


  dwr-invoker
  uk.ltd.getahead.dwr.DWRServlet
  
    debug
    true
  
 
  dwr-invoker
  /dwr/*

   配置 dwr 如下

       
    
        
            
        
        
    

   dwr.xml 是 dwr 的核心配置文件,主要的标签有:这三个标签。

    标签是 dwr 中重要的标签,用来描述 java(服务器端) 与 javascript (客户端)的交互方式。其基本格式如下:


  
    
    
    
    
  
  ...

其中,creator 和 javascript 是必须属性,其他可以忽略。creator 包含有以下几个值:

  new:Java用“new”关键字创造对象

  none:它不创建对象  (v1.1+)

  scripted:通过BSF使用脚本语言创建对象,例如BeanShell或Groovy

  spring:通过Spring框架访问Bean

  struts:使用Struts的FormBean  (v1.1+)

  jsf:使用JSF的Bean  (v1.1+)

  pageflow:访问Weblogic或Beehive的PageFlow  (v1.1+)

  ejb3:使用EJB3 session bean  (v2.0+)

这里初学,实用java new创建对象。

4、页面配置

   页面需要引入3个JS

/dwr/interface/Chat.js" type="text/javascript">/dwr/engine.js" type="text/javascript">/dwr/util.js" type="text/javascript">

   其中 engine.js 必须要,如果需要用到dwr提供的一些方便的工具要引用util.js ,然后是dwr自动生成的js文件。

   名字和 dwr.xml 中 create 标签的 javascript 属性值一样,且必须是 dwr/interface 开头的目录

5、javascript代码:

// 发送消息function sendMessage() {    var text = DWRUtil.getValue("message");    if("" != text){
        DWRUtil.setValue("message", "");
        Chat.addMessage(text, name, taskId, gotMessages);
    }
}function gotMessages(messages) {    var chatlog = "";    for ( var data in messages) {
        chatlog = "
 " + messages[data].text + "

html代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%><%
    String ctxPath = request.getContextPath();%>聊天组

    

        
        
            
            
            
        
                                                                                                      /chat" method="post"                             enctype="multipart/form-data" data-ajax="false" name="form"                             id="form"  target="relnews">                                                                                                                                                                                          发送