[/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对象,其中包含
onCreate和
onComplete函数。页面中发出任何一个
Ajax请求时都会调用
onCreate方法,而请求完成时都会调用
onComplete方法。
- 大小: 878 Bytes
分享到:
相关推荐
### Prototype 1.5.1 API 全面参考 #### 概述 Prototype 是一个 JavaScript 框架,旨在简化动态 ...以上是对 Prototype 1.5.1 API 参考手册中的主要知识点进行了详细的介绍,可以帮助开发者更好地理解和使用这个框架。
Prototype是JavaScript库,它为浏览器环境提供了许多便利的功能,特别是在处理AJAX(异步JavaScript和XML)方面。...结合`ajaxPrototype.js`这样的示例文件,你可以更好地理解并实践Prototype的AJAX功能。
- **Ajax.Responders 对象**:管理 AJAX 请求的响应者。 - **Ajax.Base 类**:为所有 AJAX 类提供通用功能。 - **Ajax.Request 类**:用于发起 AJAX 请求。 - **Ajax.Updater 类**:用于更新页面上某个区域的内容。 ...
Prototype 还定义了一些新的对象和类,包括但不限于 PeriodicalExecuter、Prototype、Enumerable、Hash、ObjectRange、Class、Ajax、Ajax.Responders、Ajax.Base、Ajax.Request、options argument object、Ajax....
这一章节重点介绍了 prototype.js 中的 Ajax 相关类和对象,使开发者能够轻松实现异步数据请求。 ##### 3.1 使用 Ajax.Request 类 - **功能描述**:`Ajax.Request` 类用于发起 AJAX 请求。它支持多种请求类型(GET...
- **Ajax.Responders**:管理Ajax请求的响应器。 - **Ajax.Updater**:更新页面部分。 ##### 3. Array - **clear**:清空数组。 - **clone**:克隆数组。 - **compact**:去除数组中的`null`或`undefined`元素。 -...
- **示例**:`Ajax.Responders.register(function(request) { console.log('Request completed.'); });` ##### 5. Ajax.Response - **用途**:表示Ajax请求的响应对象。 - **示例**:`response.responseText;` ###...
- **Ajax.Responders**:定义请求成功或失败时的响应器。 - **Ajax.Updater**:更新页面的部分内容而无需刷新整个页面。 ##### 3. Array - **clear**:清空数组。 - **clone**:复制数组。 - **compact**:去除...
- **Ajax.Responders**:处理 Ajax 请求的响应。 - **Ajax.Updater**:根据 Ajax 响应更新页面的一部分。 **3. Array** - **Why you should stop using for…into to iterate (or never take it up)**:解释为何不...
##### 3.1 使用 Ajax.Request 类 `Ajax.Request` 是一个高级 API,用于发送异步 HTTP 请求。它允许自定义请求方法、请求 URL、请求参数、请求类型等,并提供了回调函数来处理响应。例如: ```javascript new Ajax....
以上总结了Prototype 1.6版本中的主要特性和API使用方法。这些功能和方法极大地提高了开发者构建动态Web应用的效率,同时也使得开发过程更加简洁明了。希望本篇介绍能够帮助读者更好地理解和掌握Prototype框架。
4. **Service Callers and Service Responders**: 对于ROS服务,客户端有对应的类用于调用服务和响应服务请求。 5. **MainActivity或Application Integration**: 这是将ROSBridge集成到Android应用中的主要入口点。...
http-responders零依赖性HTTP响应功能。 支持:json重定向流文件下载示例const {json,重定向,流,文件,下载} = require('http-responders')http.create http-responders零依赖性HTTP响应功能。 支持:json...
const { json , redirect , stream , file , download } = require ( 'http-responders' ) http . createServer ( ( req , res ) => { // Respond with JSON json ( res , { beep : 'boop' } ) // Redirect ...
压缩包中的文件名“plataformatec-responders-d2a4f29”看起来像是一个Git仓库的特定版本号,"plataformatec"可能是创建或维护这个库的组织或个人的名称,而"d2a4f29"则是Git提交ID,代表了这个版本的代码快照。...
"Responders NG-crx插件"是一款专门设计用于社区管理的浏览器扩展程序,它支持希伯来语,旨在连接志愿者、居民与地方权力机构,构建一个高效协作的网络平台。这款插件的核心功能可能包括以下几个方面: 1. **志愿者...
25. **Abstract-Concrete Class Connections**: 介绍了抽象类和具体类之间的连接机制。 26. **Parameterized Tests**: 说明了如何使用参数化测试来提高验证覆盖率。 27. **Configuring a Test Environment**: 讲解了...
: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 ...