加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

DWR第一个示例

发布时间:2020-12-16 02:10:43 所属栏目:百科 来源:网络整理
导读:DWR是一种Ajax实现,他就是封装了Ajax基础代码的一个框架。 下面首先看一个DWR的小示例,看一下DWR的具体功能。 使用DWR框架第一步也是先导入相应的jar包。首先导入dwr.jar。然后导入他依赖的jar包,包括log4j.jar、common-logging.jar等 然后再web.xml中进

DWR是一种Ajax实现,他就是封装了Ajax基础代码的一个框架。

下面首先看一个DWR的小示例,看一下DWR的具体功能。

使用DWR框架第一步也是先导入相应的jar包。首先导入dwr.jar。然后导入他依赖的jar包,包括log4j.jar、common-logging.jar等

然后再web.xml中进行配置。

<servlet>
        <servlet-name>dwr_servlet</servlet-name>
        <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
    </servlet>
    <servlet-mapping>
        <servlet-name>dwr_servlet</servlet-name>
        <url-pattern>/dwr/*</url-pattern>
    </servlet-mapping>
然后再与web.xml的同级目录下新建dwr.xml并且添加以下内容
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" 
	"http://getahead.org/dwr/dwr30.dtd">
<dwr>
	<allow>
		<create javascript="service" creator="new">
			<param name="class" value="dwr.Service"/>
		</create>
	</allow>
</dwr>

关于该XML中的内容以及写法不进行详细解释,这里只是一个演示实例,进行一个简单的解释。

dwr标签是这个xml文件的顶级标签,相关的属性标签全都是这个标签的子标签。allow标签使DWR能够找到相应的java类。

在allow类中首先创建一个新的javascript,这个javascript的名字叫做service,create=“new”表示创建方式是new方式初始化,通过new初始化的类在param标签指定生成的类。然后在看相应的类,这个类在包dwr下,类名叫做Service。

package dwr;

public class Service {
	public String sayHello(String name){
		return "Hello "+name;
	}
}
在这个类中有个sayHello方法,这个方法返回一个字符串类型结果。

然后再看在JSP页面中如何调用,首先在JSP中有个按钮,当点击按钮后触发相应的javascript函数。

<body>
    <input type="button" value="DWR测试" onclick="firstDwr()"/>
  </body>
然后再看javascript代码:
	<script type="text/javascript" src="dwr/util.js"></script>
	<script type="text/javascript" src="dwr/engine.js"></script>
	<script type="text/javascript" src="dwr/interface/service.js"></script>
	<script type="text/javascript">
		function firstDwr(){
			service.sayHello("admin",callBackHello);
		}
		function callBackHello(data){
			alert(data);
		}
	</script>

注意在使用前必须导入util.js和engine.js,关于这两个js文件这里不做详细介绍。

然后将自己写的类映射成的javascript引入。这里的src的地址中"dwr/interface"是固定的,后面的service.js是你生成的javascript的名称,也就是在dwr.xml文件中使用create标签生成的名称。

这样一个简单的DWR应用程序搭建完成了。当点击JSP页面中的按钮时,会弹出一个对话框,对话框的内容是“Hello admin";

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读