`

Ajax_DWR框架实现无闪动自动刷新页面

    博客分类:
  • Ajax
 
阅读更多

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> 

分享到:
评论

相关推荐

    AJAX_DWR框架

    AJAX允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,而DWR则提供了一个JavaScript库,使得JavaScript可以直接调用服务器端的Java方法,简化了AJAX应用的开发。 **AJAX基础** AJAX的核心在于创建...

    ajax_dwr实现页面无刷新加载

    **Ajax与DWR:实现页面无刷新加载** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新,提高...

    AJAX_DWR框架(二级联动+PPT实例代码)

    AJAX (Asynchronous JavaScript and XML) 是一种在不刷新整个网页的情况下,实现页面部分更新的技术。DWR (Direct Web Remoting) 是一个开放源码的Java库,它使得在浏览器和服务器之间进行实时、双向通信成为可能,...

    dwr.rar_dwr_dwr ajax_dwr 实现 联动 标签

    AJAX允许页面部分刷新,无需重新加载整个页面即可获取新数据。DWR通过提供一种透明的方式来调用服务器端的Java方法,使得AJAX开发更加直观。开发者可以像调用本地函数一样调用服务器上的方法,大大降低了AJAX的使用...

    my_employee_study.rar_Employee Stud_ajax_dwr_dwr ajax_上传 Java

    通过AJAX和DWR,我们可以实现页面的无刷新交互,提升用户体验;而Java则是后端处理的核心,尤其在文件上传和下载功能的实现上扮演着重要角色。 【标签】"employee_stud ajax dwr dwr_ajax 上传_java" 指明了学习的...

    dwr.rar_ajax d_dwr_dwr ajax_dwr struts2 example_struts2 ajax dwr

    这个强大的工具使得开发者能够轻松地构建动态、富交互性的网页应用,而无需处理复杂的AJAX(Asynchronous JavaScript and XML)细节。在这个“dwr.rar”压缩包中,包含了一些关于DWR与Struts2框架整合使用的示例,...

    ajax_dwr包

    - **无刷新导航**:在不刷新整个页面的情况下,实现页面的平滑切换。 - **动态内容加载**:如分页、下拉刷新等,仅加载用户需要的数据。 - **拖放功能**:通过AJAX和DWR实现元素的拖放操作,更新服务器状态。 总的...

    Ajax_DWR 小测试

    Ajax_DWR小测试是一个针对初学者的实践项目,旨在帮助理解DWR(Direct Web Remoting)框架的应用。DWR是一种JavaScript库,它允许在浏览器和服务器之间进行实时、异步的通信,无需刷新页面,极大地提高了Web应用的...

    ajax_DWR 文件

    DWR (Direct Web Remoting) 是一个开源Java库,它使得JavaScript可以调用服务器端的Java方法,从而实现Ajax功能。DWR简化了前后端之间的交互,使得开发者能够在Web应用中轻松实现异步通信。 1. **dwr.jar**: 这是...

    ajax dwr 框架实现二级联动下拉列表源码

    总结来说,利用Ajax和DWR框架实现的二级联动下拉列表,使得用户可以在不刷新页面的情况下完成多级选择,提升了用户体验。同时,DWR的使用简化了前后端交互的复杂性,使得开发更为高效。通过阅读和理解提供的源代码,...

    AJAX DWR框架实现部分刷新效果

    AJAX通过在后台与服务器进行异步通信,实现了页面的局部刷新。 DWR(Direct Web Remoting)是一个开源Java框架,它简化了AJAX在Java应用程序中的应用。DWR使得JavaScript和Java之间可以直接通信,就像它们是同一...

    SSH_province_sql.rar_SSH_province_sql_ajax_dwr_ssh_ssh ajax

    SSH_province_sql.rar_SSH_province_sql_ajax_dwr_ssh_ssh_ajax这个标题暗示了这是一个与SSH框架(Struts2、Spring、Hibernate)结合DWR(Direct Web Remoting)实现的项目,主要涉及到了省市县三级联动的数据处理,...

    Ajax_Dwr基于dwr组件使用的ajax效果

    DWR(Direct Web Remoting)是Ajax的一个实现框架,它简化了在Java后端和JavaScript前端之间进行异步通信的过程。本篇文章将深入探讨如何使用DWR组件来实现Ajax效果,并提供一个名为AjaxDemo的示例项目。 **1. DWR...

    dwr框架实现无刷新分页

    **DWR(Direct Web Remoting)框架实现无刷新分页技术详解** DWR(Direct Web Remoting)是一种JavaScript和Java之间的远程调用技术,它允许Web应用在不刷新整个页面的情况下与服务器进行交互,从而实现动态更新和...

    java_ajax框架dwr

    通过阅读《java_ajax框架dwr》这本书,你可以深入理解DWR的原理和实践,掌握如何利用DWR构建高效、易维护的AJAX应用。同时,书中可能还会涵盖DWR与其他技术的集成,如Spring、Hibernate等,以及最佳实践和性能优化...

    AJAX 与 DWR框架

    总的来说,Ajax和DWR框架的结合使用,可以显著提升Web应用的用户体验,减少不必要的页面刷新,提高数据处理效率。同时,通过DWR与主流Java框架的集成,开发者可以更方便地在大型项目中引入Ajax技术,而不必重构大量...

    ajax(DWR框架)实现简单的内容自动补全

    在IT领域,特别是Web开发中,Ajax(Asynchronous JavaScript and XML)技术和DWR(Direct Web Remoting)框架的结合被广泛应用于实现动态网页效果,尤其是内容自动补全功能,这在用户界面交互设计中极为常见。...

    ajax_DWR 中文文档

    Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新,大大提升了用户体验。Ajax的核心是JavaScript...

    Ajax_DWR_Sun.rar

    DWR(Direct Web Remoting)是Ajax框架的一种,它允许JavaScript直接调用服务器端的Java方法,从而实现了Web应用的双向通信。DWR简化了Ajax开发,提供了一种安全、高效的方法,让前端和后端之间的交互变得如同本地...

    ajax_DWR中文文档

    这种通信方式使得网页可以实时地获取服务器的数据,而不必刷新页面,极大地提升了Web应用的响应速度和用户交互性。 DWR的主要特性包括: 1. **自动转换**: DWR会自动将Java对象转换为JavaScript对象,反之亦然,...

Global site tag (gtag.js) - Google Analytics