DWR3.0简单使用

最新推荐文章于 2021-03-15 20:25:30 发布

weixin_33712881

最新推荐文章于 2021-03-15 20:25:30 发布

阅读量89

点赞数

文章标签： javascript web.xml python ViewUI

原文链接：https://my.oschina.net/u/729917/blog/149604

版权

DWR作为一个优秀的服务器端ajax框架。特点是非常突出的。3.0版又增加了一些新的功能。值得肯定！

在应用中使用dwr其实是非常简单的。下面以一个极简单的步骤来展现它的简单性和实用性：

一、给应用增加对dwr的支持
1、将dwr.jar包放入应用的lib包下
2、配置web.xml

Java代码

3、配置dwr.xml
在web.xml同目录下配置一个dwr.xml文件。它的作用有点类似spring的applicationContext.xml。主要是将所有需要在页面由脚本程序调用的java类配置进去。如：

Java代码

<?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>
<filter class="org.directwebremoting.filter.AuditLogAjaxFilter"/>
<create creator="new" javascript="Demo">
<param name="class" value="cn.ibeans.demo.dwr.DwrDemo"/>
</create>
<convert converter="exception" match="java.lang.Exception"/>
<convert converter="bean" match="java.lang.StackTraceElement"/>
</allow>
</dwr>

二、添加java类（被配置到dwr.xml中）
DwrDemo.java:

Java代码

三、前台页面中使用dwr
dwr.jsp:

Java代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dwr Demo</title>
<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'> </script>
<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'> </script>
<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/Demo.js'> </script>
<script type="text/javascript">
//此函数中可以调用java类的方法，除了java方法本身的参数外，还要将回调函数名作为参数传给java方法
function sayHello(name){
Demo.getHello(name,dwrHandler);
}
//这是dwr的一个回调函数，data参数即java方法getHello(String name)的返回值
function dwrHandler(data){
alert(data);
}
</script>
</head>
<body> 
<h1>Hello World!</h1>
<script type="text/javascript">
sayHello("张三");
</script>
</body>
</html>