- 浏览: 286791 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
cheetah_ysc:
不错不错,我喜欢!
Java固定时间间隔执行 -
voyage_mh:
阿选百度竟然一下可以吧你百度出来
使用DWR注解Annotation
访问HTML元素的值,只用getValue(elementID)方法
<%@ 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>访问HTML元素的值,只用getValue(elementID)方法</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="js/util.js"></script>
</head>
<body>
<input id="test" type="text" />
<input type="button" value="设置值"
onclick="dwr.util.setValue('test' , '测试用的值');" />
<input type="button" value="获取值"
onclick="alert(dwr.util.getValue('test'));" />
</body>
</html>
访问HTML元素的值,只用getValues(obj)方法
<%@ 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>访问HTML元素的值,只用getValues(obj)方法</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="js/util.js"></script>
<script type="text/javascript">
function set() {
//定义了一个JSON格式的对象,该对象的每个属性名
//对应页面中的一个HTML元素的ID属性值。
var obj = {
txt : '测试文本',
pass : '12345678',
area : '学习Ajax\n很好玩',
select : 'two'
};
//调用该方法后,页面中对应的HTML元素值将被设置为上面JSON对象的属性值
dwr.util.setValues(obj);
}
function get()
{
//定义了一个JavaScript对象。
//该对象的属性名对应于页面中的HTML元素的id属性
var obj = {
txt : null,
pass: null,
area: null,
select: null};
//调用getValues方法后,obj的属性值将被设置为页面中对应HTML元素的值
dwr.util.getValues(obj);
var result = "";
//通过遍历obj对象的属性,输出obj对象的所有属性值。
for (var name in obj)
{
result += obj[name] + "\n";
}
alert(result);
}
</script>
</head>
<body>
<input id="txt" type="text" />
<br />
<input id="pass" type="password" />
<br />
<textarea id="area" rows="2" cols="50"></textarea>
<br />
<select id="select">
<option value="one">
一
</option>
<option value="two">
二
</option>
<option value="three">
三
</option>
</select>
<input type="button" value="设置值" onclick="set();"/>
<input type="button" value="获取值" onclick="get();" />
</body>
</html>
util.js测试,dwr.util.onReturn(event,callbackfunction)
<%@ 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 XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>util.js测试,dwr.util.onReturn(event,callbackfunction)</title>
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="js/util.js" type="text/javascript"></script>
<script type="text/javascript">
function test()
{
alert("单击了回车键");
}
</script>
</head>
<body>
<input id="txt" name="txt" type="text"
onkeypress="dwr.util.onReturn(event,test)" />
</body>
</html>
util.js测试dwr.util.toDescriptiveString(elementId,level)
<%@ 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 XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>util.js测试</title>
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="js/util.js" type="text/javascript"></script>
</head>
<body>
<input id="test" type="text" value="0123456789" />
<input type="button" value="选中"
onclick="dwr.util.selectRange('test',3,8)" />
</body>
</html>
发表评论
-
DWR反向Ajax的一个简单Web聊天
2010-12-02 17:32 2478web.xml文件的配置 <?xml version= ... -
DWR反向Ajax技术
2010-12-02 17:29 1812常规的Web应用和通常的Ajax应用都要满足“请求--响应”模 ... -
使用DWR注解Annotation
2010-12-02 17:21 2910Struts 2,Spring,Hibernate 都可以使用 ... -
DWR整合Spring
2010-12-02 17:12 1017Spring容器中的Bean可以被DWR使用:既然使用到了Sp ... -
DWR访问Servlet API
2010-12-02 17:07 1514DWR提供两种方式访问Servlet API: 使用W ... -
DWR中util.js处理表格
2010-12-02 16:54 1108util.js测试一(动态添加表格),使用dwr.util.a ... -
DWR中的util.js的使用----处理表格
2010-12-02 16:52 1133util.js测试一(动态添加表格),使用dwr.util.a ... -
DWR中的util.js的使用
2010-12-02 16:47 1105一下的程序都是在引用util.js文件的情况下运行的 ... -
DWR使用engine.js
2010-12-02 16:39 8188DWR框架会自动生成两个 ... -
DWR将客户端参数传递到回调函数
2010-12-02 16:18 1410web.xml文件配置 <?xml version=& ... -
DWR使用JSON格式的回调
2010-12-02 16:13 1290web.xml文件 <?xml version=&qu ... -
DWR调用客户端Java代码的程序实例
2010-12-02 16:10 1320//-------------发送简单字符串参数,返回普通 ... -
使用DWR的一个小程序
2010-12-02 16:03 1072一,将两个jar包加到lib下dwr.jar,commons- ... -
DWR框架简介
2010-12-02 15:54 1083DWR(Direct Web Remoting)是 ...
相关推荐
- 在 `WEB-INF/web.xml` 文件中,你需要添加两个 `<servlet>` 和 `<servlet-mapping>` 元素,以注册 DWR 的核心 Servlet。`<servlet-class>` 属性设置为 `uk.ltd.getahead.dwr.DWRServlet`,并设置 `debug` 参数为 `...
在这个文件中,我们定义了可以被JavaScript访问的Java对象和转换规则。例如: ```xml <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct WebRemoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> <dwr> ...
为了在页面中使用DWR,我们需要引入几个JavaScript文件:`dwr/engine.js`、`dwr/util.js`以及针对你的JavaBean接口的JS文件,比如`interface/MyTest.js`。这些文件提供了DWR的核心功能和与服务器交互的方法。 在...
2. **初始化**:在HTML页面中,引入`engine.js`和`util.js`,然后调用`DWREngine.init`来启动DWR引擎。 3. **调用**:使用`DWREngine.execute`或者其他由`engine.js`提供的方法,你可以直接在JavaScript中调用服务器...
<script type='text/javascript' src='/Study_DWR_Select/dwr/util.js'> ``` - 这些文件提供了DWR的核心功能,包括与后端通信的能力。 2. **编写JavaScript函数:** ```javascript function fun() { ...
util.js是DWR提供的一组工具函数,可用于简化HTML元素的访问和操作。例如: - **$(elementId)**:等同于`document.getElementById(elementId)`,用于获取指定ID的HTML元素。 - **DWRUtil.getValue(elementId)**:...
<script type="text/javascript" src="./dwr/util.js"> <script type="text/javascript" src="./interface/MyTest.js"> ``` - **步骤二**:定义一个回调函数。 - 编写一个名为`sayHello`的JavaScript函数,作为...
- 创建一个HTML页面,包含一个表格元素和用于调用DWR方法的JavaScript代码。 ```html 列1 列2 ... <script src="/dwr/interface/TableDataService.js"> <script src="/dwr/engine.js"> ...
<script type="text/javascript" src="dwr/util.js"> <script type="text/javascript"> function checkUser() { var userId = document.getElementById('userId').value; dwr.util.callScriptFunction('...
在DWR中,有两个关键的JavaScript文件,即`engine.js`和`util.js`,它们位于web应用的`/dwr`目录下,是DWR框架正常运行的基础。 `engine.js`是DWR的核心引擎文件,它实现了JavaScript与Java之间的远程方法调用(RMI)...
<script type='text/javascript' src='/98dwr/dwr/util.js'> ``` 2. **使用DWR**:可以通过调用DWR自动生成的JavaScript代理对象来访问服务器端的方法。例如: ```javascript // 获取页面元素的值 var idValue...
例如,下面的配置允许JavaScript访问`java.util.Date`类: ```xml <dwr> <create javascript="JDate" creator="new"> <param name="class" value="java.util.Date"> </dwr> ``` 要注意的是,为Java类指定...
- 在dwr.xml文件中配置这个类,指定哪些方法可以被JavaScript访问。 - 在HTML页面中引入DWR的JavaScript库,并使用DWR的API创建一个长连接,监听服务器端的变化。 - 当服务器有新数据时,通过DWR的回调函数更新...
3. **资源传输**:DWR引擎通过Servlet响应客户端请求,将`engine.js`、`util.js`等必需的JavaScript文件发送到客户端。如果客户端已经有这些文件的缓存,并且文件内容没有改变,DWR会避免重复发送,以优化性能。 4....
在项目中引入DWR的JAR文件后,我们需要创建一个`dwr.xml`配置文件,用于定义允许JavaScript访问的Java类和方法。例如: ```xml <dwrd:method class="com.example.HelloWorld" method="sayHello"/> ``` ...
- `<exclude>`(未在示例中出现): 可用于排除特定方法或属性不被JavaScript访问。 ##### 2.2 JavaScript端的配置 为了能够调用服务器端的Java方法,还需要在客户端JavaScript中做一些配置。 **示例代码:** ```html...
在上述示例中,`<create>`元素定义了一个名为`JDate`的JavaScript对象,它对应于Java中的`java.util.Date`类。通过这种方式,JavaScript可以直接调用`JDate`对象的相关方法,而DWR会负责将这些调用转换为对Java对象...
1. **无需复制util.js和engine.js**:这两个文件不需要被复制到项目的JS目录中,它们应通过DWR servlet动态提供。 2. **路径匹配**:在引入JavaScript文件时,确保路径与`web.xml`中配置的路径相匹配,如`/dwr/*`。 ...
Direct Web Remoting (DWR) 是一种开源的Java框架,用于在Web应用程序中实现JavaScript和服务器端Java对象之间的双向通信。DWR简化了Ajax(Asynchronous JavaScript and XML)的使用,使得开发者可以在不刷新整个...
- **创建一个简单的HTML页面**:例如`index.html`,引入DWR的JavaScript库`dwr/engine.js`和`dwr/util.js`。 - **使用DWR API**:在HTML页面中使用DWR的JavaScript API调用服务器端的Java方法。例如,你可以添加...