`

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-1.6.0.3.js+prototype1.4 、1.5中文手册+prototype1.6英文手册

    Prototype通过`Ajax`类封装了这一技术，包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等方法，使得创建异步请求变得简单直观。 总结来说，这个压缩包是学习和使用Prototype JavaScript库的宝贵...

    prototype-AJAX案例

    在JavaScript的世界里，Prototype是一个非常著名的库，它扩展了JavaScript的基本对象，并且提供了一系列实用的函数，使得开发者在处理DOM操作、AJAX交互等方面的工作变得更加简单。本案例将重点探讨如何利用...

    prototype-1.4.0源码解读.js

    Prototype 是一个著名的JavaScript库，它的1.4.0版本在Web开发领域有着广泛的使用。这个库为JavaScript程序员提供了许多实用的功能，包括对象扩展、类创建、DOM操作等，极大地提升了开发效率。接下来，我们将深入...

    Prototype-1.pdf

    - **Ajax支持**：Prototype提供了多个用于Ajax请求的API，如`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等。 - **DOM操作**：Prototype提供了诸如`$()`和`$F()`这样的方法来查找DOM元素和获取表单值...

    prototype.js文件使用和讲解

    - **Ajax支持**：`prototype.js`提供了一套完整的Ajax解决方案，包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等类，使得异步通信更为简便。 - **事件处理**：它增强了事件处理机制，允许绑定和...

    prototype.js javaScript插件

    此外，还有`Ajax.PeriodicalUpdater`用于定期更新页面内容。 - **JSON支持**：Prototype.js提供了`toJSON`方法，可以将JavaScript对象转换为JSON字符串，便于与服务器进行数据交换。 ### 3. Prototype.js的事件...

    prototype.js开发笔记

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

    ajax.request和ajax.periodicalupdate用法讲解

    本文将详细讲解Prototype库中的两个关键Ajax方法：`Ajax.Request`和`Ajax.PeriodicalUpdater`。 ### 1. Ajax.Request `Ajax.Request`是Prototype库中最基础的Ajax请求方法，它允许开发者发起HTTP请求与服务器进行...

    prototype-151-api

    - **Ajax.PeriodicalUpdater**：周期性更新请求，用于周期性地执行 AJAX 请求并更新页面内容。 - **Ajax.Request**：执行 AJAX 请求的核心方法，用于向服务器发送请求并处理响应。 - **Ajax.Responders**：响应...

    Prototype1.5.1使用手册

    3.Ajax.PeriodicalUpdater：定时发送Ajax请求，用于实现数据的实时更新。 四、函数增强 1.Function.prototype.bind：将函数绑定到特定上下文，确保this关键字指向正确对象。 2.Function.prototype....

    ajax:prototype.js很全的手册

    3. **Ajax**：解释`Ajax.Request`和`Ajax.Updater`的用法，以及如何处理响应和错误，还可能涉及`Ajax.PeriodicalUpdater`用于定期更新内容的类。 4. **事件**：阐述事件监听、触发和阻止冒泡的方法，以及如何处理跨...

    prototype.js开发手册.pdf

    2.3. `Ajax.PeriodicalUpdater`定时发起AJAX请求，用于持续获取和更新数据。 3. JavaScript扩展 Prototype扩展了JavaScript的基本类型，如Object、Number、Function、String，以及DOM相关的document对象和Event对象...

    prototype.js　1.4版开发者手册

    - `Ajax.PeriodicalUpdater(updateElement, url, options)` 周期性地发送 AJAX 请求并更新页面中的某个元素。 - **JavaScript 扩展**: - **数组操作**: - `Array.from(object)` 将类数组对象转换为真正的数组。 ...

    prototype Ajax 深度解析

    在Prototype中，与Ajax相关的类和对象包括：Ajax、Ajax.Responsders、 Ajax.Base、Ajax.Request、Ajax. PeriodicalUpdater和Ajax.Updater，图2-3所示为这些类和对象之间的关系及其常用属性和方法，下面分别对这些类...

    prototype开发者手册(中文版)+prototype.js

    此外，Prototype还引入了`Ajax.PeriodicalUpdater`，用于周期性地发送请求，实现后台定时刷新数据。 Prototype.js文件本身包含了这个库的所有源代码，开发者可以直接在项目中引用。通过阅读和研究源码，你可以深入...

    prototype-1.5.0

    5. **Ajax交互**：在 Prototype 中，`Ajax` 类提供了与服务器进行异步通信的能力。`Ajax.Request`和`Ajax.Updater`用于发起HTTP请求，`Ajax.PeriodicalUpdater`则用于周期性地从服务器获取数据。 6. **Function 类*...

    Prototype对Ajax的支持

    通过上述介绍可以看出，Prototype框架通过内置的`Ajax.Updater`和`Ajax.PeriodicalUpdater`提供了非常方便的Ajax支持功能，大大降低了开发者的编码难度，使得异步数据交互变得更加简单高效。无论是简单的数据更新...

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