ajax的dwr框架定时无闪动局部数据更新
test.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>DWR测试</title>
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/engine.js'></script>
<script type='text/javascript' src='<%= request.getContextPath() %>/dwr/util.js'></script>
</head>
<script>
var time = 5000;
var i=0;
window.setInterval('Check()',time);
//在此处我们可以通过该函数来调用java类,返回一个list,并用该list来更新页面数据
function Check()
{
//获得刷新的行对象
var trobj=document.getElementById("1");
//修改对象值, cslls(*)表示取得行中的第几个元素(第几列)"*"中的*从0开始
//trobj.cells(1).innerHTML="风调雨顺"+i;
trobj.cells(1).innerText="很好，很强大"+i;
i++;
}
//设置页面刷新时间函数
function change(){
var temp = document.getElementById("t").value;
if(temp <= 0){
//设置成默认的刷新时间为5秒
time=5000;
}else{
time = temp * 1000;
}
alert(time);
}
</script>
<body>
<p>本程序，在指定表格内使用AJAX,每5秒无闪动更新表格中“风调雨顺” </p>
<form action="#" name="post">
<table id="news" cellspacing="2" cellpadding="2" align="center" border="2" bgcolor="#c0c0c0">
<tr><td>设置刷新时间</td>
<td><input type="text" id="t" onchange="change();"></td>
</tr>
<tr>
<th width="15%">名称</th>
<th width="55%">内容</th>
</tr>
<tr id="1">
<td>中国</td>
<td style="color:red;">很好，很强大</td>
</tr>
<tr id="2">
<td>国外</td>
<td>很好</td>
</tr>
<tr id="3">
<td>亚洲</td>
<td>风景这边最好</td>
</tr>
</table>
</form>
</body>
</html>
今天在浏览javaeye论坛时，看见一个关于dwr无闪动刷新的例子，向这样的方法可以应用于一些重要实时数据显示的页面。特在此转载，收藏于此。在此向原创者致意！
分享到：
相关推荐
AJAX通过在后台与服务器进行异步通信，实现了页面的局部刷新。 DWR（Direct Web Remoting）是一个开源Java框架，它简化了AJAX在Java应用程序中的应用。DWR使得JavaScript和Java之间可以直接通信，就像它们是同一...
总结来说，利用Ajax和DWR框架实现的二级联动下拉列表，使得用户可以在不刷新页面的情况下完成多级选择，提升了用户体验。同时，DWR的使用简化了前后端交互的复杂性，使得开发更为高效。通过阅读和理解提供的源代码，...
**DWR（Direct Web Remoting）框架实现无刷新分页技术详解** DWR（Direct Web Remoting）是一种JavaScript和Java之间的远程调用技术，它允许Web应用在不刷新整个页面的情况下与服务器进行交互，从而实现动态更新和...
在本文中，我们将深入探讨如何使用Ajax、Direct Web Remoting (DWR) 框架以及Hibernate ORM工具来实现一个自动补全功能。这个功能类似于百度搜索引擎中的输入提示，能够根据用户输入的字符动态地提供可能的搜索建议...
**Ajax与DWR：实现页面无刷新加载** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新，提高...
dwr（Direct Web Remoting）是一种基于Ajax技术的远程调用框架，提供了一个简单的方式来访问Java对象，实现了服务器推技术。dwr框架的主要特点是可以将Java对象暴露给客户端，实现了实时通信的功能。 二、dwr 框架...
DWR（Direct Web Remoting）框架是一个开源的Java库，它允许在Web应用程序中实现JavaScript与服务器端Java对象之间的直接通信，从而实现页面的无刷新更新。这种技术极大地提升了用户体验，因为它消除了传统HTTP请求...
总的来说，Ajax和DWR框架的结合使用，可以显著提升Web应用的用户体验，减少不必要的页面刷新，提高数据处理效率。同时，通过DWR与主流Java框架的集成，开发者可以更方便地在大型项目中引入Ajax技术，而不必重构大量...
在IT领域，特别是Web开发中，Ajax（Asynchronous JavaScript and XML）技术和DWR（Direct Web Remoting）框架的结合被广泛应用于实现动态网页效果，尤其是内容自动补全功能，这在用户界面交互设计中极为常见。...
在提供的“AJAX框架DWR简单应用.pdf”文件中，你可能会找到关于如何设置DWR环境、编写Java接口、配置DWR配置文件、在前端JavaScript中使用DWR，以及示例代码和实际运行效果的详细教程。这个文件是学习和理解DWR工作...
`ajax登录`可能是一个实际的DWR应用示例，展示如何实现无刷新的登录功能。`dwrdemo`可能是一个完整的DWR演示项目，包含运行示例的源代码。`dwr需要用的jar`是DWR运行所需的库文件。`Ajax无刷新页的业务逻辑实现`可能...
总之，Ajax DWR框架是实现高效、互动的Web应用的重要工具，它简化了前后端交互的过程，提高了开发效率，并且提供了丰富的功能和良好的安全性。在"JavaDwr"压缩包中，你可以探索和学习如何利用DWR来构建动态Web应用。
描述中提到，DWR是基于AJAX的框架，这意味着它利用AJAX的优势，如后台数据传输和局部页面更新，简化了开发者实现无刷新功能的难度。这种技术适用于构建动态的、交互性强的门户网站，对于追求高效、流畅用户体验的...
这一技术通过在后台与服务器进行少量数据交换，使网页实现异步更新，从而提升了用户体验，尤其是在网页应用中，比如谷歌地图、Facebook等，都大量应用了Ajax技术。 Ajax的核心由以下五个组件构成： 1. **...
动态刷新技术,结合网页聊天室，DWR框架 结合ajax技术
AJAX允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容，而DWR则提供了一个JavaScript库，使得JavaScript可以直接调用服务器端的Java方法，简化了AJAX应用的开发。 **AJAX基础** AJAX的核心在于创建...
### Ajax技术及其DWR框架实现 #### 一、引言 随着互联网技术的快速发展，Web应用的需求日益增加，用户体验成为了衡量Web应用优劣的重要标准之一。传统的Web应用往往过于注重后端逻辑处理，忽视了前端体验的重要性...
DWR（Direct Web Remoting）是一个开放源码的JavaScript库，它使得在...通过学习这个例子，你可以快速掌握DWR的基本用法，并将其应用到实际的AJAX项目中，提升用户体验，实现页面的无刷新更新和后台数据的实时交互。
AJAX（Asynchronous JavaScript and XML）是一种在无需刷新整个页面的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页实现异步更新。这种技术可以提升用户体验，因为它减少了用户...
Ajax（异步JavaScript和XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术，它极大地提升了用户体验。DWR（Direct Web Remoting）是Ajax的一个框架，它允许JavaScript与Java后端进行直接通信，实现...