DWR框架--让前端JS代码调用JAVA后端的方法

这篇文章距离上次修改已过227天，其中的内容可能已经有所变动。

DWR（Direct Web Remoting）是一个用于改善Web应用程序开发的开源JavaScript框架，它允许在客户端JavaScript代码中直接调用服务器端Java方法。

以下是使用DWR框架让前端JavaScript代码调用Java后端方法的基本步骤：

添加DWR依赖到项目中。
配置DWR的servlet。
创建Java类和需要被调用的方法。
使用DWR注解或配置文件来暴露Java方法。
在JavaScript中调用暴露的Java方法。

以下是一个简单的示例：

步骤1: 在pom.xml中添加DWR依赖（如果是Maven项目）：

<dependency>
    <groupId>org.directwebremoting</groupId>
    <artifactId>dwr</artifactId>
    <version>3.0.M1</version>
</dependency>

步骤2: 在web.xml中配置DWR的Servlet：

<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>
    <load-on-startup>1</load-on-startup>
</servlet>

<servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
    <url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

步骤3: 创建Java类和方法：

public class MyJavaService {
    public String sayHello(String name) {
        return "Hello, " + name + "!";
    }
}

步骤4: 暴露Java方法。使用DWR注解或者在dwr.xml中配置：

@DwrScriptService
public class MyJavaService {
    // ...
}

或者使用dwr.xml配置：

<dwr>
  <allow>
    <create creator="new" javascript="MyJavaService">
      <param value="com.example.MyJavaService"/>
      <include method="sayHello"/>
    </create>
  </allow>
</dwr>

步骤5: 在JavaScript中调用Java方法：

function callJavaMethod() {
    MyJavaService.sayHello('World', function(data) {
        alert(data); // 将会显示 'Hello, World!'
    });
}

确保在页面中引入了DWR引擎的JavaScript文件，通常是通过<script>标签引入。

<script src='/your-app-context/dwr/interface/MyJavaService.js'></script>
<script src='/your-app-context/dwr/engine.js'></script>
<script src='/your-app-context/dwr/util.js'></script>

然后可以通过调用callJavaMethod函数来触发对Java方法的调用。

DWR框架--让前端JS代码调用JAVA后端的方法

评论已关闭

推荐阅读