今天学习了一下DWR(Direct Web Remoting),是Ajax一个开源框架,封装了Ajax一些底层用法,如XMLHttpRequest对象的创建,请求的发送以及响应。简单的说,DWR 是一个引擎,能够在javascript直接调用java类和方法。
现在来写个简单的入门的示例:
首先,需要下载dwr.jar(我下的是dwr2.0)和commons-logging.jar
新建一个web project,将dwr.jar和commons-logging.jar放入WEB-INF/lib下
接下来就是配置dwr了,那么如何配置呢?
1.修改web.xml,添加dwr映射配置
<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>
添加debug参数,DWR默认这个参数值为false,如果选择true,我们可以通过http://${ip}:${port}/${app}/dwr看到你部署的每个DWR Class.并且可以测试java代码的每个方法是否运行正常。为了安全考虑,在正式环境下你一定把这个参数设为false。
2.添加一个dwr.xml
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="sayHelloTo" >
<param name="class" value= "com.me.dwr.HelloWorld" />
<include method="sayHello"/>
</create>
</allow>
</dwr>
配置说明:
<allow> 标签中包括可以暴露给 javascript 访问的东西。
<create> 标签中指定 javascript 中可以访问的 java 类,并定义 DWR远程调用类的实例。 creator="new" 属性指定 java 类实例的生成方式, new 意味着 DWR 应当调用类的默认构造函数来获得实例,其他的还有 spring 方式,通过与 IOC 容器 Spring 进行集成来获得实例等等。 javascript=" sayHelloTo" 属性指定 javascript代码访问对象时使用的名称。
<param> 标签指定要公开给 javascript 的 java 类名。
<include> 标签指定要公开给 javascript 的方法。不指定的话就公开所有方法。
<exclude> 标签指定要防止被访问的方法。
java类(定义了一个sayHello方法):
package com.me.dwr;
public class HelloWorld {
public String sayHello(String name){
return "hello,"+name;
}
}
DWR可以通过2中dwr.xml配置在javascript中调用HelloWorld中的sayHello方法。
在javascript中调用之前,我们先来测试一下,我们dwr配置以及方法是否正确,我们发布工程,启动tomcat,在地址栏中输入http://${ip}:${port}/${app}/dwr(参考1中注解)
如果你看到Dwr Test Index页面说明你配置成功了。
那么在javascript中如何dwr中配置的类和方法呢?
<%@ page language="java" pageEncoding="gbk"%>
<html>
<head>
<title>Dwr 调用测试</title>
<!--这里sayHelloTo.js 是通过dwr.xml中配置的create标签中javascript配置的值是一致的 -->
<script src='dwr/interface/sayHelloTo.js'></script>
<script src='dwr/engine.js'></script>
<script src='dwr/util.js'></script>
<script type="text/javascript">
function btn_onClick(){
var username = document.myform.name.value;
//调用dwr.xml中配置的类方法,回调函数callback带有返回的结果集
sayHelloTo.sayHello(username,callback);
}
function callback(data){
document.getElementById("info").innerText=data;
}
</script>
</head>
<body>
<form name="myform" method="post">
<input type="text" id="name" name="name"/>
<input type="button" value="sayHello" onclick="btn_onClick()"/>
<div id="info"></div>
</form>
</body>
</html>
我在下面附件中给大家提供了dwr2.0.jar,commons-logging.jar。
分享到:
相关推荐
dwr实例教程 很好的入门实例 学习完可以很好的使用动态验证登录 菜单动态刷新
异步调用java方法,dwr简单实例! 异步调用java方法,dwr简单实例! 异步调用java方法,dwr简单实例!
dwr 入门实例,新手可以借鉴一下,很简单的~一看就明白
初学dwr用心学习,努力学习,简单的实例。
dwr的入门实例,可以实现使用ajax前台调用后台的方法
DWR入门教程及实例(含源代码),DWR的入门教程,jar文件夹中提供DWR所用jar包,运行源代码时需导入此文件夹中所有jar包
dwr的入门实例,源代码,有助于ajax的学习
dwr实例 - 这是本人,开发的:小游戏 [大家一起来赚钱] 本例子可做为dwr入门级应用; 有什么问题请和我沟通;
这是写了个下拉框的例子,Java 开发人员与网页设计人员的桥梁 DWR,具有javascript和servlet共有的优点,方便客户端用户使用操作,
DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器...
实例+说明 学完就会DWR dwr入门资料
DWR入门实例两个,都很简单和明了。其中第二个使用到数据库mysql连接。欢迎下载。
本资料详细讲述了dwr的配置及简单常见的应用,方便快速上手!
freemarker与struts搭建的完整实例,只适合刚学freemarker的入门一个示例,里面还加入网上的一个dwr配置实例,仅供参考
一个dwr入门实例,直接导入MyEclipse即可
dwr入门实例,这个例子挺简单的..有兴趣的可以看看!
dwr3的快速入门,一个简单实例.快速掌握dwr3的用法,快速开发
ajax的DWR框架入门例子,包含源代码和调试成功的例子