DWR是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.
它包含两个主要的部分:允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet(小应用程序)中获取数据.另外一方面一个JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动态改变网页的内容.
DWR采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码.这样WEB开发人员就可以在JavaScript里使用Java代码就像它们是浏览器的本地代码(客户端代码)一样;但是Java代码运行在WEB服务器端而且可以自由访问WEB 服务器的资源.出于安全的理由,WEB开发者必须适当地配置哪些Java类可以安全的被外部使用.下面是我在项目中应用的一个例子:
首先在WEB-INF下建立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="Test">
<param name="class" value="com.Test"/>
</create>
</allow>
</dwr>
接着在web.xml中加入DWRServlet配置
<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>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>
/dwr/*
</url-pattern> //此处是在项目运行用到dwr后生成脚本的所在的目录,以后用的时候根据相对路径引入。
</servlet-mapping>
接着创建java类
package com;
public class Test{
public String getArea(String city)
{
StringBuffer sb=new StringBuffer("");
sb.append("<select name='area' style='width:120'>");
sb.append("<option value='0'>全部</option>");
if(city.equals("aaa"))
{
sb.append("<option value='111>111</option>");
sb.append("<option value='222>222</option>");
sb.append("<option value='333>333</option>");
}
if(city.equals("bbb"))
{
sb.append("<option value='444>444</option>");
sb.append("<option value='555>555</option>");
}
if(city.equals("ccc"))
{
sb.append("<option value='666>666</option>");
sb.append("<option value='777'>777</option>");
}
sb.append("</select>");
return sb.toString();
}
}
建立test.jsp
<%@ page language="java" contentType="text/html; charset=GBK"%>
<title>dwr.jsp</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type='text/javascript' src='dwr/interface/Test.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script language="javascript">
function update() {
var city = document.getElementById("city").value;
Test.getArea(city, function(data) {
document.getElementById("demoReply").innerHTML=data;
});
}
</script>
<body>
<p>
Name:
<select style="width:120" id="city" name="city" onchange="update()">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
<span id="demoReply">
<select style="width:120" id="area" name="area">
<option value="0">全部</option>
</select>
</span>
</p>
</body>
分享到:
相关推荐
DWR快速配置入门.DWR快速配置入门.DWR快速配置入门.DWR快速配置入门.DWR快速配置入门.DWR快速配置入门.
ajax框架:dwr》实战(包括整合) DWR 快速上手 DWR 综合实践 DWR 详解 DWR +spirng+hibernate 实战
本资料详细讲述了dwr的配置及简单常见的应用,方便快速上手!
7.DWR快速上手 ......................................................................................................................................................................3 1.DWR 简介 . . . ....
DWR快速入门的好文档。吧 个
DWR快速入门:图文形式说明dwr使用配置。
dwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwrdwr dwr
dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
DWR中文文档DWR中文文档DWR中文文档DWR中文文档DWR中文文档
dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档
dwr源码
dwr笔记 dwr自学资料 dwr笔记 dwr自学资料 dwr笔记 dwr自学资料
1、 导入dwr.jar包 2、 在web.xml中配置dwr,如下: <!-- 配置DWR --> <servlet-name>dwr-invoker org.directwebremoting.servlet.DwrServlet <init-param> <param-name>debug</param-name> ...
Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr入门操作手册Dwr...
DWR配置文件详解 DWR配置 DWR配置文件
DWR介绍DWR介绍DWR介绍DWR介绍DWR介绍DWR介绍
Ajax 向我们袭来的时候,很多写代码的程序员看到了 Ajax 的发展前景,但并不是每一 个程序员都能将页面与代码完美整合在一起,DOM、CSS、javascript 让人眼花缭乱,...并能够搭建 DWR 开发环境,实现 DWR 的快速开发。
dwr3的快速入门,一个简单实例.快速掌握dwr3的用法,快速开发
dwr填充表格示例dwr填充表格示例dwr填充表格示例