`

prototype笔记(五)----使用Ajax.PeriodicalUpdater类

    博客分类：
  • ajax
AjaxprototypeJavaScriptXHTMLHTML 
阅读更多
继承自Ajax.Base类。
作用：周期性地更新某些页面元素，例如天气预报，即时新闻等，实现这些功能可以使用Javascript中的定时器函数setTimeout,clearTimeout等，而有了AjaxPeriodicalUpdater类. 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>chapter 3</title>
		<script type="text/javascript" language="javascript"
		 src="prototype.js" ></script>
		<script type="text/javascript" language="javascript">
		var count = 0;
		function test() {
			var myAjax = new Ajax.PeriodicalUpdater(
				'divResult',
				'script1.html', 
				{
					method: 'get',
					evalScripts: true,
					frequency: 5
				}
			);
		}
		</script>
	</head>
	<body>
	<input type="button" value="click" onclick="test()" />
	<div id="divResult" ></div>
	<div id="divResult2" ></div>
	</body>
</html>


script1.html 
<script language="javascript" type="text/javascript">
count++;
var str = $('divResult2').innerHTML;
$('divResult2').innerHTML = str + "count = " + count + ": " + new Date() + "<br>";
</script>
  • 描述: 比尔.盖茨的家
  • 大小: 54.3 KB
分享到：
| 使用memcached进行内存缓存
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    prototype.js开发笔记--让你精通prototype开发

    Table of Contents ...2.17. Ajax.PeriodicalUpdater 类 2.18. Element 对象 2.19. Abstract 对象 2.20. Abstract.Insertion 类 2.21. Insertion 对象 2.22. Insertion.Before 类 2.23. Insertion.Top 类

    prototype笔记(9)----结合Prototype和JSON开发AJAX

    在本篇"prototype笔记(9)----结合Prototype和JSON开发AJAX"中，我们将深入探讨如何利用Prototype JavaScript库与JSON（JavaScript Object Notation）技术来高效地开发异步JavaScript应用程序，也就是我们常说的AJAX...

    prototype.js开发笔记.pdf

    下面是Prototype.js的开发笔记，涵盖了该库的使用指南、Ajax对象、JavaScript类的扩展、对象的扩展、事件处理等多个方面。 一、Programming Guide Prototype.js是一个强大的JavaScript库，提供了许多有用的函数和...

    prototype.js开发笔记

    - **Ajax.PeriodicalUpdater 类**：定期发送 AJAX 请求并更新页面内容。 ##### 2.4 插入方法 - **Insertion 对象**：提供了在页面中插入新元素的方法。 - **Insertion.Before 类**、**Insertion.Top 类**、**...

    Prototype API

    此外，`Ajax.PeriodicalUpdater`可以周期性地向服务器发送请求，常用于实时数据更新。 6. **特效与动画** `Scriptaculous`是Prototype的一个扩展库，专注于提供各种动态效果和动画。它包含许多预设的动画效果，如...

    ajax学习笔记

    其提供了如$()、$F()等实用函数，以及Ajax.Request()、Ajax.Updater()和Ajax.PeriodicalUpdater()等Ajax相关功能，便于创建和管理Ajax请求。 1. **Prototype的$()函数**：类似于jQuery的$(selector)，用于选取DOM...

Magicbox
Global site tag (gtag.js) - Google Analytics