微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Dwr 简易配置

分类：Ajax作者：编程之家

(1) 一个servlet 配置多个dwr

web.xml 配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

	<servlet>
		<display-name>DWR Servlet</display-name>
		<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>
		<init-param>
			<param-name>config-1</param-name>
			<param-value>WEB-INF/dwr1.xml</param-value>
		</init-param>
		<init-param>
			<param-name>config-2</param-name>
			<param-value>WEB-INF/dwr2.xml</param-value>
		</init-param>
	</servlet>
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>
在这种情况下,param-name的规范是必须以config开头,如果你没有配置param-name的话,那么将读取web下面的dwr.xml

(2) 多个servlet 配置一个或者多个dwr

web.xml配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">


    <servlet>  
       <servlet-name>dwr-invoker</servlet-name>  
        <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
    </servlet>  
    <servlet>  
       <servlet-name>dwr-invoker1</servlet-name>  
       <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
       <init-param>  
         <param-name>config-admin</param-name>  
         <param-value>WEB-INF/dwr1.xml</param-value>  
       </init-param>  
       <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>  
    <servlet-mapping>  
       <servlet-name>dwr-invoker1</servlet-name>  
       <url-pattern>/dwr1/*</url-pattern>  
    </servlet-mapping>  

</web-app>

(3) Dwr 配置

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">


<dwr>
	<allow>
		<create creator="new" javascript="testClass">
			<param name="class" value="com.dwr.TestClass" />
			<include method="testMethod1" />
		</create>
	</allow>
</dwr>

<allow> 标签中包括可以暴露给 javascript 访问的东西。
<create> 标签中指定 javascript 中可以访问的 java 类，并定义 DWR 应当如何获得要进行远程的类的实例。 creator="new" 属性指定 java 类实例的生成方式， new 意味着 DWR 应当调用类的默认构造函数来获得实例，其他的还有 spring 方式，通过与 IOC 容器 Spring 进行集成来获得实例等等。 javascript=" testClass " 属性指定 javascript 代码访问对象时使用的名称。
<param> 标签指定要公开给 javascript 的 java 类名。
<include> 标签指定要公开给 javascript 的方法。不指定的话就公开所有方法。
<exclude> 标签指定要防止被访问的方法。

(4) JavaScript 中传递参数是对象的dwr配置

a dwr.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
  <convert converter="bean" match="com.bean.User"/>
      <create creator="new" javascript="DwrService">
      <param name="class" value="com.service.DwrService"/>
    </create>
 </allow>
</dwr>
<!-- 上下两种配置都是可行的 -->
<!-- 
    <dwr>  
     <allow>  
      <create creator="new" javascript="DwrService" >  
       <param name="class" value="com.service.DwrService" />  
       <include method="addUser"/>  
      </create>  
      <convert converter="bean" match="com.bean.User">  
       <param name="include" value="userName,passWord" />  
      </convert>  
     </allow>  
    </dwr>    -->
b 页面传递 user 
<html>
<head>
<script type='text/javascript' src='/DWR/dwr/interface/DwrService.js'></script>
<script type='text/javascript' src='/DWR/dwr/engine.js'></script>
<script type='text/javascript' src='/DWR/dwr/util.js'></script>

<script LANGUAGE=javascript>
<!--
function addUser() {
 var user={userName:null,passWord:null};
 dwr.util.getValues(user);
 var userName = dwr.util.getValue("userName");
 var passWord = dwr.util.getValue("passWord");
 alert(userName+passWord);
 //调用java方法,并获得返回值;
  DwrService.addUser(user,function(data) {
  dwr.util.setValue("userInfo",data);
  });
}//-->
</script>
</head>
<body>
<hr>
name:<input type="text" id="userName"/>
<br>
passWord:<input type="text" id="passWord"/>
<br>
<input value="submit" type="button" onclick="addUser()" />
<br>
<span id="userInfo"></span>
</body>
</html>
说明：dwr.util.getValues(Object);如同dwr.util.getValue("id")方法，用来将页面中的元素内容复制到变量中，与getValue不同getValues方法不返回值内容而是修改参数Object中的信息。Object 中的内容是一些键值对，键对应到页面元素的id属性，值对应元素的内容。我们可以通过将页面元素的id设置为Bean的属性，然后通过该方法轻松的获取用户的输入信息。
与读取属性相对的是设置页面元素的属性：setValue（）和setValues()

(5) 完整的一个dwr项目

(a) 项目清单


(b) Class 源码

package cn.utl.dwr;

public class Dwr01 {
public void getName(String demo){
	System.out.println(demo);
}
public String getUrl(String name){
	System.out.println("*************");
	return name;
}
}

package com.bean;

public class User {
private String userName;
private String passWord;
public String getUserName() {
	return userName;
}
public void setUserName(String userName) {
	this.userName = userName;
}
public String getpassWord() {
	return passWord;
}
public void setPassWord(String passWord) {
	this.passWord = passWord;
}
public User() {
}
}

package com.service;

import java.io.IOException;

import org.directwebremoting.WebContext;
import org.directwebremoting.WebContextFactory;

import com.bean.User;

import javax.servlet.servletexception;


public class DwrService {
 public String check(String name){
  //访问数据库验证信息
  if(name.startsWith("aa")){
   return "用户已经存在";
  }
  else{
   return "可以使用该用户";
  }
 }
 public String getInclude() throws servletexception,IOException
 {
     return WebContextFactory.get().forwardToString("/test.jsp");
 }
 
 public String addUser(User user){
	 System.out.println("addUser!");
	 System.out.println(user.getUserName()+user.getpassWord());
  //将用户信息添加到数据库中
     return "Name:"+user.getUserName()+";Password="+user.getpassWord();
 }
 

}

(c) dwr 配置

dwr.xml (舍弃了)

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
 
<dwr>
  <allow>
      <create creator="new" javascript="JDate">
      <param name="class" value="cn.utl.dwr.Dwr01"/>
      <include method="getUrl"/>
      <include method="getName"/>
    </create>
  </allow>
</dwr>
dwr1.xml 
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>
  <convert converter="bean" match="com.bean.User"/>
      <create creator="new" javascript="DwrService">
      <param name="class" value="com.service.DwrService"/>
    </create>
 </allow>
</dwr>
<!-- 上下两种配置都是可行的 -->
<!-- 
    <dwr>  
     <allow>  
      <create creator="new" javascript="DwrService" >  
       <param name="class" value="com.service.DwrService" />  
       <include method="addUser"/>  
      </create>  
      <convert converter="bean" match="com.bean.User">  
       <param name="include" value="userName,passWord" />  
      </convert>  
     </allow>  
    </dwr>    -->

dwr2.xml

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
 
<dwr>
  <allow>
      <create creator="new" javascript="JDate">
      <param name="class" value="cn.utl.dwr.Dwr01"/>
      <include method="getUrl"/>
      <include method="getName"/>
    </create>
  </allow>
</dwr>

(d) web 配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

	<servlet>
		<display-name>DWR Servlet</display-name>
		<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>
		<init-param>
			<param-name>config-1</param-name>
			<param-value>WEB-INF/dwr1.xml</param-value>
		</init-param>
		<init-param>
			<param-name>config-2</param-name>
			<param-value>WEB-INF/dwr2.xml</param-value>
		</init-param>
	</servlet>
	<servlet-mapping>
		<servlet-name>dwr-invoker</servlet-name>
		<url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
	
	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

(e) 页面

① index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getcontextpath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<script language="javascript" src="/DWR/dwr/interface/JDate.js"></script>
<script language="javascript" src='/DWR/dwr/engine.js'></script>
<script language="javascript" src='/DWR/dwr/util.js'></script>
<script language="javascript">
function dotest() {
    //JDate.getName('123');
    JDate.getUrl('传入参数',callbackJdte);
}
function callbackJdte(date){
document.getElementById("div").innerHTML+='传出参数:'+date;
}
function load(data) {
    window.alert("Current Time："+data);
}
</script>
  </head>
  <body>
   <input type="button" name="count" value="cont" onClick="dotest()">
   <div id="div"></div>
  </body>
</html>

说明：js文件中的使用

做完以上工作我们可以在js中使用它远程调用的方法了如下所示：

图中前3行代码的意思分别是：

<script type='text/javascript' src='/somcdemo/dwr/interface/DwrTime.js'></script>

表示引入/somcdemo/dwr/interface/DwrTime.js 这个js是根据你所写的类自动生成的，也是必须引入的。

<script type='text/javascript' src='/somcdemo/dwr/engine.js'></script>

表示引入/somcdemo/dwr/engine.js 这个js是dwr的jar文件中自带的，如果你想程序正常运行就必须引入。

<script type='text/javascript' src='/somcdemo/dwr/util.js'></script>

表示引入/somcdemo/dwr/util.js，这个js也是dwr的jar文件中自带的,它提供了一些好用的方法，如果你想使用也要引入.


② Convertor.html

<html>
<head>
<script type='text/javascript' src='/DWR/dwr/interface/DwrService.js'></script>
<script type='text/javascript' src='/DWR/dwr/engine.js'></script>
<script type='text/javascript' src='/DWR/dwr/util.js'></script>

<script LANGUAGE=javascript>
<!--
function addUser() {
 var user={userName:null,data);
  });
}//-->
</script>
</head>
<body>
<hr>
name:<input type="text" id="userName"/>
<br>
passWord:<input type="text" id="passWord"/>
<br>
<input value="submit" type="button" onclick="addUser()" />
<br>
<span id="userInfo"></span>
</body>
</html>

(6) 相关资源文章

dwr 传递参数类型大全

DWR中的Convert配置学习

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

ajax 上传文件项目下载
IE6是一个非常老旧的网页浏览器，虽然现在很少人再使用它，但是在某些特殊情况下，我们可能还需要使用IE6来访问网页。而在IE6中，我们通常会使用JavaScript来提交表单，来看一下具体操作。
ajax .post()
PHP中的count()函数是用来计算数组或容器中元素的个数。这个函数十分方便，在编写代码时使用频率也非常高。无论你是要统计数组的长度、统计字符串中字符出现的次数还是统计对象中属性的个数，count()都可以帮助你轻松
ajax 不返回值 写法
使用 AJAX（Asynchronous JavaScript and XML）技术可以在不刷新整个页面的情况下，向服务器发送请求并接收响应。通常来说，我们使用 AJAX 请求是为了获取后台数据，并将其展示在前端页面上。然而，有时候我们只需要
ajax 下载文件 blob
Ajax（Asynchronous JavaScript and XML）是一种用于改进网页用户体验的技术，通过与服务器进行异步通信，实现在网页上局部刷新数据而不必整个页面刷新的功能。在实际开发中，我们经常需要从服务器端下载文件，而传统
ajax 下载excel文件流
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX，我们可以在不刷新整个页面的情况下，向服务器发送请求并获取响应数据。在某些场景下，我们需要通过AJAX下载Excel文件流，以便于在前端使用或保存到本地。本文将详
ajax .get .post
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax，我们可以在不刷新整个页面的情况下向服务器发送请求并获得响应数据。而在Ajax的基础上，.get和.post是两种常用的请求方法，它们分别用于发送GET和POST请
ajax 上传 excel
AJAX（Asynchronous JavaScript and XML）是一种在网页上实现异步数据传输的技术。通过AJAX，网页可以在不刷新整个页面的情况下与服务器进行数据交互，提升用户体验和页面性能。在实际应用中，AJAX广泛用于表单提交、
ajax 下拉 360取不到值
在使用Ajax下拉加载数据的过程中，有时候会出现无法取到360度的问题。这个问题可能是由于代码逻辑的问题导致的，也有可能是网络延迟引起的。为了解决这个问题，我们需要对代码进行仔细排查，并且在合适的地方添加适当
ajax 与 .post 区别
本文将介绍Ajax和.post之间的区别。Ajax是一种用于在网页上进行异步通信的技术，能够在不刷新整个页面的情况下更新部分页面内容。.post是jQuery中的一个方法，用于向服务器发送POST请求。虽然它们都可以用于发送异步
ajax 上传文件 目录权限
AJAX（Asynchronous JavaScript and XML）是一种在Web页面上进行异步数据请求和交互的技术。它的出现使得页面在后台与服务器进行数据交互的同时，不需要重新加载整个页面。在网页开发中，常常需要实现文件上传功能，
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot