平民王子
- 浏览: 286242 次
- 性别:
- 来自: 深圳
-
文章分类
最新评论
-
cheetah_ysc：
不错不错，我喜欢！
Java固定时间间隔执行 -
voyage_mh：
阿选百度竟然一下可以吧你百度出来
使用DWR注解Annotation
一下的程序都是在引用util.js文件的情况下运行的
处理列表：处理列表--字符串数组
<%@ 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>处理列表--字符串数组</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">
var strArray = ['请选择一本书','Java','Hibernate','Spring',];
function add(){
dwr.util.addOptions("test",strArray);
}
function del(){
dwr.util.removeAllOptions("test");
}
</script>
</head>
<body>
<select id="test"></select>
<input type="button" value="添加选项" onclick="add();">
<input type="button" value="删除选项" onclick="del();">
</body>
</html>
处理列表--对象数组
<%@ 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>处理列表--对象数组</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">
var objArray = [{name:'Java'},
{name:'Hibernate'},
{name:'Spring'}];
function add(){
dwr.util.addOptions("test",objArray,"name");
}
function del(){
dwr.util.removeAllOptions("test");
}
</script>
</head>
<body>
<select id="test"></select>
<input type="button" value="添加选项" onclick="add();">
<input type="button" value="删除选项" onclick="del();">
</body>
</html>
处理列表--使用对象作为属性值的对象
<%@ 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>处理列表--使用对象作为属性值的对象</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">
//定义一个每个属性值都是对象的对象
var objMap = {
first:{book:'Java',price:'55'},
second:{book:'Hibernate',price:'66'},
third:{book:'Spring',price:'77'},
fourth:{book:'Struts2',price:'88'}
};
function add(){
//对象数组为列表框添加列表项
//以第三个参数指定的属性作为各列表项的值(value)
//以第四个参数指定的属性作为各列表项的文本
dwr.util.addOptions("test",objMap,"price","book");
}
function del(){
//删除所有的列表项
dwr.util.removeAllOptions("test");
}
</script>
</head>
<body>
<select id="test"></select>
<input type="button" value="添加选项" onclick="add();">
<input type="button" value="删除选项" onclick="del();">
</body>
</html>
处理列表--对象
<%@ 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>处理列表--对象</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">
//定义一个JavaScript对象
var book = {
name:"Java",
price:"55",
publish:"长沙"
}
function add(){
dwr.util.addOptions("test",book);
}
function del(){
dwr.util.removeAllOptions("test");
}
</script>
</head>
<body>
<select id="test"></select>
<input type="button" value="添加选项" onclick="add();">
<input type="button" value="删除选项" onclick="del();">
</body>
</html>
util.js测试
<%@ 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>
<ol id="test"></ol>
<input type="button" value="添加选项" onclick="add();"/>
<input type="button" value="删除选项" onclick="del();"/>
<script type="text/javascript">
//定义一个对象数组
var objArr = [ {
name : 'Java'
}, {
name : 'Ajax'
}, {
name : 'XML'
} ];
function add() {
//以对象数组为列表框添加列表项
dwr.util.addOptions("test", objArr, 'name');
}
function del() {
//删除所有列表项
dwr.util.removeAllOptions("test");
}
</script>
</body>
</html>
util.js测试二
<%@ 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>
<ol id="test"></ol>
<input type="button" value="添加选项" onclick="add();"/>
<input type="button" value="删除选项" onclick="del();"/>
<script type="text/javascript">
//定义一个对象数组
var objArr = [ {
book : 'Java',price:'55'
}, {
book : 'Ajax',price:'66'
}, {
book : 'XML',price:'77'
} ];
function add() {
//以对象数组为列表框添加列表项
//以第三个参数指定的属性作为各列表的文本
//第四个参数已经没用用了
dwr.util.addOptions("test", objArr, 'book','price');
}
function del() {
//删除所有列表项
dwr.util.removeAllOptions("test");
}
</script>
</body>
</html>
分享到：
发表评论
-
DWR反向Ajax的一个简单Web聊天
2010-12-02 17:32 2478web.xml文件的配置 <?xml version= ... -
DWR反向Ajax技术
2010-12-02 17:29 1809常规的Web应用和通常的Ajax应用都要满足“请求--响应”模 ... -
使用DWR注解Annotation
2010-12-02 17:21 2908Struts 2，Spring，Hibernate 都可以使用 ... -
DWR整合Spring
2010-12-02 17:12 1016Spring容器中的Bean可以被DWR使用：既然使用到了Sp ... -
DWR访问Servlet API
2010-12-02 17:07 1513DWR提供两种方式访问Servlet API： 使用W ... -
DWR中util.js访问HTML元素值
2010-12-02 17:00 1113访问HTML元素的值,只用getValue(elementID ... -
DWR中util.js处理表格
2010-12-02 16:54 1104util.js测试一（动态添加表格），使用dwr.util.a ... -
DWR中的util.js的使用----处理表格
2010-12-02 16:52 1127util.js测试一（动态添加表格），使用dwr.util.a ... -
DWR使用engine.js
2010-12-02 16:39 8188DWR框架会自动生成两个 ... -
DWR将客户端参数传递到回调函数
2010-12-02 16:18 1405web.xml文件配置 <?xml version=& ... -
DWR使用JSON格式的回调
2010-12-02 16:13 1285web.xml文件 <?xml version=&qu ... -
DWR调用客户端Java代码的程序实例
2010-12-02 16:10 1319//-------------发送简单字符串参数，返回普通 ... -
使用DWR的一个小程序
2010-12-02 16:03 1071一，将两个jar包加到lib下dwr.jar,commons- ... -
DWR框架简介
2010-12-02 15:54 1080DWR（Direct Web Remoting）是 ...
相关推荐
dwr包.rar dwr.jar engine.js util.js dwr-noncla.jar readme.txt JAR File: dwr.jar (1.08Mb) To DWR enable your web-app WAR File: dwr.war (4.62Mb) Demos/Examples of what DWR can do Sources: dwr-...
`dwr_util_api.docx`文档详细列出了`util.js`中的所有函数，每个函数都有详细的参数说明、返回值和使用示例。通过这份文档，开发者可以快速查找和理解所需的函数，从而高效地使用DWR进行开发。 例如，`util....
为了使用DWR，开发者需要在服务器端配置DWR引擎，定义允许访问的Java类和方法，并在客户端引入`engine.js`和`util.js`。然后，通过JavaScript代码就可以直接调用服务器端的方法，实现双向通信。 总之，DWR提供了一...
`util.js` 是DWR的工具库，它包含了各种实用函数，用于帮助开发者处理JavaScript中的常见任务。这个库提供了如对象操作、数组处理、字符串操作、DOM操作等多方面的辅助功能。例如，它可能包含了一些用于序列化和反...
`util.js` 和 `engine.js` 是DWR的核心JavaScript库。`util.js` 提供了一系列实用工具函数，用于辅助JavaScript编程，例如类型检查、对象遍历等。`engine.js` 是DWR引擎的核心，负责处理与服务器的通信，包括请求的...
"engine.js"是DWR的客户端引擎文件，它包含了一组JavaScript库，使得在浏览器中可以轻松地调用服务器端的Java方法。这个文件应该被包含在Web页面中，以便Web应用能够利用DWR的功能。`engine.js`提供了诸如对象转换、...
DWR util.js 是一个功能强大的 JavaScript 库，它提供了许多有用的函数，可以帮助开发者在客户端页面上实现各种操作。下面是对 DWR util.js 的学习笔记整理。 1. $() 函数 DWRUtil 中的 $() 函数用于获取页面参数...
这个压缩包包含的是DWR的实例、相关的jar包以及两个重要的JavaScript文件——`engine.js`和`util.js`，这些都是学习DWR的关键组件。 1. **DWR基础概念**： DWR的核心功能是提供一种方式，使得客户端JavaScript可以...
DWR util.js 是一个JavaScript工具库，提供了一些有用的函数，用于在客户端页面调用。下面是DWR util.js中的主要功能： 1. $()函数：获取页面参数值 该函数用于获取页面参数值，例如：var name = $("name");获取名...
这是dwr需要的engine.js和util.js,Engine.js与util.js不同之处在于，util.js是静态js文件，可以直接从jar文件中拿出来，页面可以直接引用；而engine.js则有部分动态内容，这决定了它必须经过servelt资源请求，在...
dwr-1.1.1-util.js
标题 "dwr需要的js（searchaAuthor+engine.js+util.js）.rar" 暗示了这个压缩包包含的是一组JavaScript文件，用于DWR（Direct Web Remoting）框架的功能扩展。DWR是一种开源Java库，允许Web应用程序在客户端和服务器...
总结起来，"dwr城市选择的联动，util.js方法的使用，动态table"涉及的技术主要包括DWR框架、JavaScript DOM操作以及服务器端与客户端的数据交互。这些技术的综合运用，可以创建出高效、实时的Web应用，满足用户对...
第5章.DWR中的JavaScript简介，含4小节;第6章.engine.js的功能，含3小节;第7章.util.js的功能，含13小节;第8章.DWR进阶，含5小节;第9章.范例精讲——购物车，含8小节;第10章.附录，含常见问题(4节)和JavaScript高级...
dwr-2.0-util.js
通过DWR，开发者可以在不涉及繁琐的AJAX请求和响应处理的情况下，直接在JavaScript中调用Java对象的方法，使得前端和后端的通信变得更为便捷。 **整合SpringBoot与DWR** 1. **添加依赖**：在SpringBoot项目的`pom....
7. **例子与最佳实践**：文档通常会包含多个实际应用示例，演示如何在项目中使用DWR，以及推荐的最佳实践，帮助读者更好地理解和应用DWR。 8. **自定义处理**：DWR允许用户自定义序列化和反序列化过程，以及错误...
`engine.js` 是DWR的核心JavaScript库，提供了许多高级功能，如批量调用、错误处理等。 #### 七、util.js 功能 `util.js` 提供了一系列实用工具函数，用于简化前端开发工作，如操作DOM元素、数据绑定等。 #### 八...