简单的说：它就是一个周期性的Ajax.Updater。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>定时刷新价格</title>
<meta name="author" content="Yeeku.H.Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
</head>
<body>
<h3>
今天的苹果价格为：
</h3>
苹果价格为：
<span style="color: red" id="price"></span>元/斤
<script src="js/prototype-1.6.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
//发送请求的服务器URL
var url = 'price.jsp';
//创建Ajax. PeriodicalUpdater对象，周期性发送Ajax请求
var myAjax = new Ajax.PeriodicalUpdater(
//price用于显示服务器响应
'price', url, {
//定义发送请求的方法
method : 'post',
//定义请求参数为null
parameters : null,
//发送请求的频率
frequency : 1
});
</script>
</body>
</html>
<%@ page contentType="text/html; charset=GBK" language="java" %>
<%
//输出一个伪随机数
out.println(Math.round(Math.random() * 10));
%>
分享到：
相关推荐
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库中的两个关键Ajax方法：`Ajax.Request`和`Ajax.PeriodicalUpdater`。 ### 1. Ajax.Request `Ajax.Request`是Prototype库中最基础的Ajax请求方法，它允许开发者发起HTTP请求与服务器进行...
作为一个Ajax开发框架，Prototype对 Ajax开发提供了有力的支持。在Prototype中，与Ajax相关的类和对象包括：Ajax、Ajax.Responsders、 Ajax.Base、Ajax.Request、Ajax. PeriodicalUpdater和Ajax.Updater，图2-3所示...
1.4.1.使用Ajax.Request类 Ajax.Request类用于发送Ajax请求。 1.4.2.使用Ajax.Updater类 Ajax.Updater类用于更新页面中的某个元素。 二、Prototype.js参考 Prototype.js提供了许多有用的函数和方法，以帮助...
通过上述介绍可以看出，Prototype框架通过内置的`Ajax.Updater`和`Ajax.PeriodicalUpdater`提供了非常方便的Ajax支持功能，大大降低了开发者的编码难度，使得异步数据交互变得更加简单高效。无论是简单的数据更新...
Prototype通过`Ajax`类封装了这一技术，包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等方法，使得创建异步请求变得简单直观。 总结来说，这个压缩包是学习和使用Prototype JavaScript库的宝贵...
不过，随着现代浏览器对原生API的支持越来越完善，现在更多的开发者倾向于使用fetch API或XMLHttpRequest的原生方法来处理AJAX请求，因为它们更轻量级且无需引入额外的库。 总之，Prototype框架通过提供方便的AJAX...
这个"Prototype Ajax学习范例"提供了一系列实例，旨在帮助开发者迅速掌握使用Prototype进行Ajax操作的技巧。 Ajax，即异步JavaScript和XML（Asynchronous JavaScript and XML），是一种在无需刷新整个网页的情况下...
3. **Ajax**：解释`Ajax.Request`和`Ajax.Updater`的用法，以及如何处理响应和错误，还可能涉及`Ajax.PeriodicalUpdater`用于定期更新内容的类。 4. **事件**：阐述事件监听、触发和阻止冒泡的方法，以及如何处理跨...
同时，`Prototype.Class`类还支持实例化、构造函数和初始化方法。 3. **DOM操作** DOM（文档对象模型）操作是Prototype的核心之一。`Element`对象提供了一系列便捷的方法，如`$(selector)`用于选取DOM元素，`...
- **Ajax支持**：Prototype提供了多个用于Ajax请求的API，如`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等。 - **DOM操作**：Prototype提供了诸如`$()`和`$F()`这样的方法来查找DOM元素和获取表单值...
Prototype的Ajax模块提供了多个实用方法，如Ajax.Request、Ajax.Updater、Ajax.PeriodicalUpdater等，它们帮助开发者轻松创建异步请求。Ajax.Request是基础，用于发送一个HTTP请求。它接受两个参数：URL和选项对象...
1. **Ajax.Request**：这是Prototype中处理AJAX请求的主要类。你可以通过传递URL和选项参数来创建一个请求实例。例如： ```javascript new Ajax.Request('http://example.com', { method: 'post', parameters: {...
- **Ajax支持**：`prototype.js`提供了一套完整的Ajax解决方案，包括`Ajax.Request`、`Ajax.Updater`和`Ajax.PeriodicalUpdater`等类，使得异步通信更为简便。 - **事件处理**：它增强了事件处理机制，允许绑定和...
2.3. `Ajax.PeriodicalUpdater`定时发起AJAX请求，用于持续获取和更新数据。 3. JavaScript扩展 Prototype扩展了JavaScript的基本类型，如Object、Number、Function、String，以及DOM相关的document对象和Event对象...
在Ajax方面，Prototype提供了`Ajax`模块，其中包含了`Ajax.Request`和`Ajax.Updater`等关键类。`Ajax.Request`用于发起HTTP请求，接受URL和选项作为参数，可以处理异步数据交换，如GET和POST请求。`Ajax.Updater`则...
3. **Ajax.PeriodicalUpdater**：对于需要定时获取服务器数据的场景，可以使用此类，它会按照设定的时间间隔自动发送请求。 4. **回调函数**：Prototype的Ajax对象支持多种回调函数，如onSuccess、onFailure、...
6. **Callbacks和Options**：Prototype的Ajax请求支持多种回调函数，如`onSuccess`, `onFailure`, `onComplete`, `onException`等，以及各种请求选项，如`method`, `parameters`, `evalJSON`, `evalJS`等，以满足...
此外，Prototype还引入了`Ajax.PeriodicalUpdater`，用于周期性地发送请求，实现后台定时刷新数据。 Prototype.js文件本身包含了这个库的所有源代码，开发者可以直接在项目中引用。通过阅读和研究源码，你可以深入...
此外，`Ajax.PeriodicalUpdater`可以定期发送请求，实现定时更新。 4. **事件处理**：Prototype通过`Event.observe`和`Event.stop`等方法增强了JavaScript的事件处理机制，使得跨浏览器的事件处理更加一致。 5. **...