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/interface/bu.js'></script>
<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 i=0;
function init()
{
window.setInterval('Check()',5000);
//每隔5秒自动调用Check()
}
function Check()
{
var trobj=document.getElementById("1");
trobj.cells(1).innerText="风调雨顺"+i;
i++;
}
</script>
<body onload="init()">
本程序,在指定表格内使用AJAX,每5秒无闪动更新表格中“风调雨顺”
<form action="" name="post">
<table id="news" cellspacing="2" cellpadding="2" align="center" border="2" bgcolor="#c0c0c0">
<tr>
<td width="15%">名称</td><td width="55%">内容</td>
</tr>
<tr id="1">
<td>国内</td><td>风调雨顺</td><td></td>
</tr>
<tr id="2">
<td>国外</td><td>地震不断</td><td></td>
</tr>
<tr id="3">
<td>世界</td><td>风景这边最好</td><td></td>
</tr>
</table>
</form>
</body>
</html>
分享到:
- 2008-06-04 21:45
- 浏览 2590
- 评论(0)
- 论坛回复 / 浏览 (0 / 2716)
- 查看更多
相关推荐
Ajax实现定时刷新,获取后台数据实现技术
Ajax无刷新实现定时更新数据
ajax+php 无刷新 无动作 页面数据自动更新
Ajax全新教程 无刷新页面 无刷新数据更新 无刷新绑定 asp.net全新Ajax教程
Ajax定时刷新页面,定时刷新局部页面,Ajax局部刷新技术,主要运用的在即时通讯等...
利用AJAX技术轻松实现页面无刷新自动更新!
基于AJAX的Web无刷新页面快速更新数据方法
适合前端初学者 jquery中的datatable使用ajax读取数据 并展示表格数据
用AJAX+JSP实现定时刷新的功能!!!用AJAX+JSP实现定时刷新的功能!!!用AJAX+JSP实现定时刷新的功能!!!
ajax自动保存草稿 ajax自动保存草稿 ajax自动保存草稿
本项目是利用DWR框架实现Ajax无刷新,自动补全功能!
本代码,是用asp.net 开发webForm程序,用Ajax实现定时读取数据库,很好的参考案例,适合初中级程序员使用!
ajax 10秒自动变换数据无刷新页面 如: 数组{生日,聚会,开始} 数组里的数据,10秒自动变换
1、mysql数据库 2、myeclipse工程 3、index.html为显示页面 4、newMsg.html为输入新消息页面 5、简单例子,没有加入框架,连MVC都没有完全遵循
用ajax实现自动读取数据库数据,而且是在定时读取,你可是自己设置
AJAX无刷新更新数据.txtAJAX无刷新更新数据.txtAJAX无刷新更新数据.txt
Ajax定时读取数据库(源代码发布) Ajax定时读取数据库(源代码发布)
使用Ajax实现页面无刷新(局部刷新),以登录为例,诠释了ajax的强大和适用。方法简单易懂。
本资源包括了ajax+asp实现页面更新的全套教程和代码
ajax 自动 提示,输入框输入数据,会出现提示下拉框,有源码,可在Myeclipse下运行,简单易用,适合初学者