`

DWR中util.js访问HTML元素值

    博客分类:
  • DWR
阅读更多

访问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入门教程.docx

    - 在 `WEB-INF/web.xml` 文件中,你需要添加两个 `&lt;servlet&gt;` 和 `&lt;servlet-mapping&gt;` 元素,以注册 DWR 的核心 Servlet。`&lt;servlet-class&gt;` 属性设置为 `uk.ltd.getahead.dwr.DWRServlet`,并设置 `debug` 参数为 `...

    DWR实现的无刷新联动

    在这个文件中,我们定义了可以被JavaScript访问的Java对象和转换规则。例如: ```xml &lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct WebRemoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"&gt; &lt;dwr&gt; ...

    dwr3_helloword入门

    为了在页面中使用DWR,我们需要引入几个JavaScript文件:`dwr/engine.js`、`dwr/util.js`以及针对你的JavaBean接口的JS文件,比如`interface/MyTest.js`。这些文件提供了DWR的核心功能和与服务器交互的方法。 在...

    dwr用到的2个js文件

    2. **初始化**:在HTML页面中,引入`engine.js`和`util.js`,然后调用`DWREngine.init`来启动DWR引擎。 3. **调用**:使用`DWREngine.execute`或者其他由`engine.js`提供的方法,你可以直接在JavaScript中调用服务器...

    DWR联动刷select

    &lt;script type='text/javascript' src='/Study_DWR_Select/dwr/util.js'&gt; ``` - 这些文件提供了DWR的核心功能,包括与后端通信的能力。 2. **编写JavaScript函数:** ```javascript function fun() { ...

    DWR2学习整理资料

    util.js是DWR提供的一组工具函数,可用于简化HTML元素的访问和操作。例如: - **$(elementId)**:等同于`document.getElementById(elementId)`,用于获取指定ID的HTML元素。 - **DWRUtil.getValue(elementId)**:...

    dwr3.0的HELLOWORLD创建过程

    &lt;script type="text/javascript" src="./dwr/util.js"&gt; &lt;script type="text/javascript" src="./interface/MyTest.js"&gt; ``` - **步骤二**:定义一个回调函数。 - 编写一个名为`sayHello`的JavaScript函数,作为...

    dwr填充表格示例dwr填充表格示例dwr填充表格示例

    - 创建一个HTML页面,包含一个表格元素和用于调用DWR方法的JavaScript代码。 ```html 列1 列2 ... &lt;script src="/dwr/interface/TableDataService.js"&gt; &lt;script src="/dwr/engine.js"&gt; ...

    DWR配置介绍

    &lt;script type="text/javascript" src="dwr/util.js"&gt; &lt;script type="text/javascript"&gt; function checkUser() { var userId = document.getElementById('userId').value; dwr.util.callScriptFunction('...

    DWR中需要收到放置在webroot/dwr文件夹下的两个js文件

    在DWR中,有两个关键的JavaScript文件,即`engine.js`和`util.js`,它们位于web应用的`/dwr`目录下,是DWR框架正常运行的基础。 `engine.js`是DWR的核心引擎文件,它实现了JavaScript与Java之间的远程方法调用(RMI)...

    dwr学习笔记和总结

    &lt;script type='text/javascript' src='/98dwr/dwr/util.js'&gt; ``` 2. **使用DWR**:可以通过调用DWR自动生成的JavaScript代理对象来访问服务器端的方法。例如: ```javascript // 获取页面元素的值 var idValue...

    DWR初学者笔记,dwr入门

    例如,下面的配置允许JavaScript访问`java.util.Date`类: ```xml &lt;dwr&gt; &lt;create javascript="JDate" creator="new"&gt; &lt;param name="class" value="java.util.Date"&gt; &lt;/dwr&gt; ``` 要注意的是,为Java类指定...

    dwr长连接demo

    - 在dwr.xml文件中配置这个类,指定哪些方法可以被JavaScript访问。 - 在HTML页面中引入DWR的JavaScript库,并使用DWR的API创建一个长连接,监听服务器端的变化。 - 当服务器有新数据时,通过DWR的回调函数更新...

    dwr原理深入透彻讲解

    3. **资源传输**:DWR引擎通过Servlet响应客户端请求,将`engine.js`、`util.js`等必需的JavaScript文件发送到客户端。如果客户端已经有这些文件的缓存,并且文件内容没有改变,DWR会避免重复发送,以优化性能。 4....

    dwr+demo+helloworld

    在项目中引入DWR的JAR文件后,我们需要创建一个`dwr.xml`配置文件,用于定义允许JavaScript访问的Java类和方法。例如: ```xml &lt;dwrd:method class="com.example.HelloWorld" method="sayHello"/&gt; ``` ...

    DWR开发入门教程--配置与开发

    - `&lt;exclude&gt;`(未在示例中出现): 可用于排除特定方法或属性不被JavaScript访问。 ##### 2.2 JavaScript端的配置 为了能够调用服务器端的Java方法,还需要在客户端JavaScript中做一些配置。 **示例代码:** ```html...

    DWR初学者笔记

    在上述示例中,`&lt;create&gt;`元素定义了一个名为`JDate`的JavaScript对象,它对应于Java中的`java.util.Date`类。通过这种方式,JavaScript可以直接调用`JDate`对象的相关方法,而DWR会负责将这些调用转换为对Java对象...

    DWR简单配置说明---xml、java、jsp层层说明

    1. **无需复制util.js和engine.js**:这两个文件不需要被复制到项目的JS目录中,它们应通过DWR servlet动态提供。 2. **路径匹配**:在引入JavaScript文件时,确保路径与`web.xml`中配置的路径相匹配,如`/dwr/*`。 ...

    dwr教程的开发

    Direct Web Remoting (DWR) 是一种开源的Java框架,用于在Web应用程序中实现JavaScript和服务器端Java对象之间的双向通信。DWR简化了Ajax(Asynchronous JavaScript and XML)的使用,使得开发者可以在不刷新整个...

    DWR框架基础(实现helloword)

    - **创建一个简单的HTML页面**:例如`index.html`,引入DWR的JavaScript库`dwr/engine.js`和`dwr/util.js`。 - **使用DWR API**:在HTML页面中使用DWR的JavaScript API调用服务器端的Java方法。例如,你可以添加...

Global site tag (gtag.js) - Google Analytics