使用DWR连接JavaScript与Java：步骤详解

"该文档详细介绍了如何使用Direct Web Remoting (DWR) 在JavaScript中调用Java方法的步骤。" 在Web开发中，JavaScript通常用于处理客户端的交互，而Java主要负责服务器端的业务逻辑。为了实现在网页上通过JavaScript直接调用服务器端的Java方法，我们可以使用DWR (Direct Web Remoting) 框架。以下是使用DWR实现JavaScript调用Java方法的详细步骤： 1. 引入DWR库：首先，你需要下载DWR的jar文件（dwr.jar），并将它放入你的项目工程的WebRoot/WEB-INF/lib目录下。这使得服务器能够识别并使用DWR的相关类。 2. 配置web.xml：接着，你需要在项目的web.xml配置文件中添加DWR的servlet配置。这包括定义一个名为`dwr-invoker`的servlet，指定其全限定类名为`uk.ltd.getahead.dwr.DWRServlet`。同时，设置初始化参数`debug`为`true`，以便在开发阶段开启调试模式。在`servlet-mapping`中，将URL模式设为`/dwr/*`，使得所有以`/dwr/`开头的请求都将由DWR处理。 ```xml <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>uk.ltd.getahead.dwr.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> ``` 3. 创建dwr.xml：在WEB-INF目录下创建一个名为dwr.xml的文件，这是DWR的配置文件。在这个文件中，你可以定义哪些Java类可以被JavaScript访问。例如，如果你有一个名为`com.hello.Hello`的Java类，你可以在dwr.xml中这样配置： ```xml <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd"> <dwr> <allow> <create creator="new" javascript="Demo"> <param name="class" value="com.hello.Hello"/> </create> </allow> </dwr> ``` 这里的`<create>`标签指定了一个Java类`com.hello.Hello`，`javascript="Demo"`意味着在JavaScript中，你可以通过`Demo`对象来访问这个Java类。 4. 编写Java类和方法：在Java代码中，你需要创建一个包含要暴露给JavaScript的方法的类。例如，创建一个名为`Hello`的类，并定义一个接受字符串参数并返回字符串的方法`hello()`： ```java package com.hello; public class Hello { public String hello(String name) { return "哈囉, " + name; } } ``` 这个`hello()`方法将在JavaScript中可用。 5. 在JavaScript中调用Java方法：在JSP或HTML页面中，你可以通过DWR生成的JavaScript接口来调用Java方法。例如，如果你在页面中引入了DWR生成的JavaScript，你可以这样调用`Hello`类的`hello()`方法： ```javascript Demo.hello("张三", function(response) { alert(response); // 显示"哈囉, 张三" }); ``` 这样，你就成功地通过JavaScript调用了Java服务器端的方法。 DWR提供了一种方便的方式，使得JavaScript可以直接与Java进行通信，无需传统的HTTP请求和响应模式，提高了Web应用的交互性能和用户体验。通过正确配置DWR和Java类，开发者可以轻松地在前端和后端之间传递数据和调用方法。