`

prototype笔记(六)----使用Ajax.Responders类

阅读更多
[/b][b]AjaxResponders对象维护一个正在运行的Ajax对象列表,在需要实现一些全局的功能时就可以使用它。例如,在Ajax请求发出以后需要提示用户操作正在执行中,当操作返回以后取消提示。
<!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">
		function test() {
			var myAjax = new Ajax.Request(
				'http://www.sergiopereira.com/articles/prototype.js.html', 
				{
					method: 'get', 
					onComplete: showResponse
				}
			);
		}
		
		function showResponse(response) {
			$('divResult').innerHTML = response.responseText;
		}		
		
		var handle = {
			onCreate: function() {
				Element.show('loading');
			},
			onComplete: function() {
				if (Ajax.activeRequestCount == 0) {
					Element.hide('loading');
				}
			}
		};
		Ajax.Responders.register(handle);
		</script>
	</head>
	<body>
	<input type="button" value="click" onclick="test()" />
	<div id="divResult" ></div>
	<div id='loading' style="display:none">
		<img src="loading.gif">Loading...
	</div>
	</body>
</html>

定义了一个handle对象,其中包含onCreateonComplete函数。页面中发出任何一个Ajax请求时都会调用onCreate方法,而请求完成时都会调用onComplete方法。
  • 大小: 878 Bytes
分享到:
评论

相关推荐

    prototype-151-api

    ### Prototype 1.5.1 API 全面参考 #### 概述 Prototype 是一个 JavaScript 框架,旨在简化动态 ...以上是对 Prototype 1.5.1 API 参考手册中的主要知识点进行了详细的介绍,可以帮助开发者更好地理解和使用这个框架。

    prototype的ajax应用

    Prototype是JavaScript库,它为浏览器环境提供了许多便利的功能,特别是在处理AJAX(异步JavaScript和XML)方面。...结合`ajaxPrototype.js`这样的示例文件,你可以更好地理解并实践Prototype的AJAX功能。

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

    - **Ajax.Responders 对象**:管理 AJAX 请求的响应者。 - **Ajax.Base 类**:为所有 AJAX 类提供通用功能。 - **Ajax.Request 类**:用于发起 AJAX 请求。 - **Ajax.Updater 类**:用于更新页面上某个区域的内容。 ...

    Developer Notes for prototype.doc

    Prototype 还定义了一些新的对象和类,包括但不限于 PeriodicalExecuter、Prototype、Enumerable、Hash、ObjectRange、Class、Ajax、Ajax.Responders、Ajax.Base、Ajax.Request、options argument object、Ajax....

    prototype 中文教程PDF

    这一章节重点介绍了 prototype.js 中的 Ajax 相关类和对象,使开发者能够轻松实现异步数据请求。 ##### 3.1 使用 Ajax.Request 类 - **功能描述**:`Ajax.Request` 类用于发起 AJAX 请求。它支持多种请求类型(GET...

    prototype

    - **Ajax.Responders**:管理Ajax请求的响应器。 - **Ajax.Updater**:更新页面部分。 ##### 3. Array - **clear**:清空数组。 - **clone**:克隆数组。 - **compact**:去除数组中的`null`或`undefined`元素。 -...

    prototype_1_6教程

    - **示例**:`Ajax.Responders.register(function(request) { console.log('Request completed.'); });` ##### 5. Ajax.Response - **用途**:表示Ajax请求的响应对象。 - **示例**:`response.responseText;` ###...

    prototype1.5.1 英文版

    - **Ajax.Responders**:定义请求成功或失败时的响应器。 - **Ajax.Updater**:更新页面的部分内容而无需刷新整个页面。 ##### 3. Array - **clear**:清空数组。 - **clone**:复制数组。 - **compact**:去除...

    Ajax4Download

    - **Ajax.Responders**:处理 Ajax 请求的响应。 - **Ajax.Updater**:根据 Ajax 响应更新页面的一部分。 **3. Array** - **Why you should stop using for…into to iterate (or never take it up)**:解释为何不...

    prototype1.4中文手册

    ##### 3.1 使用 Ajax.Request 类 `Ajax.Request` 是一个高级 API,用于发送异步 HTTP 请求。它允许自定义请求方法、请求 URL、请求参数、请求类型等,并提供了回调函数来处理响应。例如: ```javascript new Ajax....

    Prototype API Documentation

    以上总结了Prototype 1.6版本中的主要特性和API使用方法。这些功能和方法极大地提高了开发者构建动态Web应用的效率,同时也使得开发过程更加简洁明了。希望本篇介绍能够帮助读者更好地理解和掌握Prototype框架。

    ROSBridgeClient-master.zip

    4. **Service Callers and Service Responders**: 对于ROS服务,客户端有对应的类用于调用服务和响应服务请求。 5. **MainActivity或Application Integration**: 这是将ROSBridge集成到Android应用中的主要入口点。...

    零依赖的HTTP响应者-Node.js开发

    http-responders零依赖性HTTP响应功能。 支持:json重定向流文件下载示例const {json,重定向,流,文件,下载} = require('http-responders')http.create http-responders零依赖性HTTP响应功能。 支持:json...

    http-responders:零依赖的HTTP响应者

    const { json , redirect , stream , file , download } = require ( 'http-responders' ) http . createServer ( ( req , res ) =&gt; { // Respond with JSON json ( res , { beep : 'boop' } ) // Redirect ...

    Ruby-RespondersAsetofRailsresponderstodryupyourapplication

    压缩包中的文件名“plataformatec-responders-d2a4f29”看起来像是一个Git仓库的特定版本号,"plataformatec"可能是创建或维护这个库的组织或个人的名称,而"d2a4f29"则是Git提交ID,代表了这个版本的代码快照。...

    Responders NG-crx插件

    "Responders NG-crx插件"是一款专门设计用于社区管理的浏览器扩展程序,它支持希伯来语,旨在连接志愿者、居民与地方权力机构,构建一个高效协作的网络平台。这款插件的核心功能可能包括以下几个方面: 1. **志愿者...

    uvm-cookbook2019.pdf

    25. **Abstract-Concrete Class Connections**: 介绍了抽象类和具体类之间的连接机制。 26. **Parameterized Tests**: 说明了如何使用参数化测试来提高验证覆盖率。 27. **Configuring a Test Environment**: 讲解了...

    Vault-for-Incident-Responders:在Vault部署附近发生DFIR时要知道的事情

    :police_car_light: :fire: :key: 保管库事件响应 :key: :fire: :police_car_light: 保管箱很重要。... 如果您正在检测使用“响应包装”令牌的应用程序客户端,并且看到失败,则可能是作为安全事件

    Cooperative positioning for emergency responders using self IMU and peer-to-peer radios measurements

    标题《Cooperative positioning for emergency responders using self IMU and peer-to-peer radios measurements》和描述《Cooperative positioning for emergency responders using self IMU and peer-to-peer ...

Global site tag (gtag.js) - Google Analytics