DWR使用教程：JAVA与JavaScript交互

"这篇教程详细介绍了DWR(Direct Web Remoting)的基本使用，包括配置文件dwr.xml的编写以及在JavaScript中的应用。DWR是一种能够让Java代码与JavaScript直接交互的技术，使得前端能够调用后端的Java方法，实现页面的实时更新。" DWR(Direct Web Remoting)是一个开源框架，它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时的双向通信。这极大地简化了Ajax应用的开发，使得开发者能够在不刷新整个页面的情况下更新部分网页内容。 在DWR的配置中，`dwr.xml`文件起着核心作用。例如，以下是一个简单的`dwr.xml`配置片段： ```xml <dwr> <allow> <create creator="new" javascript="testClass"> <param name="class" value="com.dwr.TestClass"/> <include method="testMethod1"/> </create> </allow> </dwr> ``` 这段配置允许创建一个名为`testClass`的JavaScript对象，它映射到服务器上的`com.dwr.TestClass`类，并且只暴露`testMethod1`方法供JavaScript调用。`creator="new"`表示使用默认的新建实例策略，`<param>`元素指定Java类的构造参数。 在JavaScript端，你需要引入DWR的三个核心脚本文件：`dwr/interface/testClass.js`, `dwr/engine.js`和`dwr/util.js`。`testClass.js`是自动生成的，包含了与服务器端Java类交互的方法定义。例如，你可以像这样调用后端的方法： ```javascript function callTestMethod1() { testClass.testMethod1(); } ``` 当你需要处理返回的数据或处理错误时，可以提供一个回调函数，如在调用`testMethod2`时： ```javascript function callTestMethod2() { testClass.testMethod2(callBackForTestMethod2); } function callBackForTestMethod2(result) { // 处理result数据 } ``` 这里的`callBackForTestMethod2`就是回调函数，DWR会在Java方法执行完成后自动调用这个函数，将结果传入。 此外，`dwr.xml`中的`<include>`和`<exclude>`元素用于指定哪些方法应该被包含或排除在JavaScript接口之外。`<param>`元素则用于配置Java方法调用时所需的参数。 DWR提供了一种高效、方便的方式来实现客户端和服务器端的实时通信，大大提升了Web应用的用户体验。通过学习这篇DWR中文教程，开发者能够掌握如何设置DWR配置，编写JavaScript调用后端方法，以及处理返回的数据，从而利用DWR构建功能丰富的Ajax应用。