prototype.js的Ajax对象


Posted in Javascript onSeptember 23, 2006

我想prototype.js里的ajax对象肯定吸引了不少人,大量封装好的ajax逻辑的类,对于我们这些初学者使用ajax有很大的帮助。
以下用一个我的具体使用例子来解释:效果看这里
1. Ajax.Request
你可以这样创建它

var url = 'http://yoursever/your/your'; 
var pars = 'id=xxx'; 
var myAjax = new Ajax.Request( 
                    url, 
                    {method: 'get', parameters: pars, onComplete: yourfunction} 
                    );

parameters表示你要传递的参数,比如id=xxx这些。
XMLHttpRequest在HTTP请求期间的阶段分为:Loading, Loaded, Interactive, Complete。
Ajax.Request对象在任何一个阶段都可以调用你自定义的方法,形式如onxxxxxxx:yourfunction,比如我们上面提到的onComplete,是最常用的。
例子中实际使用的代码
function sends(id) 
{ 
    c = $('content'); 
    o = $('old-content'); 
    c.innerHTML = "<div id='loading'>载入中...</div>"; 
    o.innerHTML = c.innerHTML; 
    c.style.display = 'none'; 
    o.style.display = 'block'; 
    var myAjax = new Ajax.Request('content_'+ id + '.html', {method: 'get', onComplete:updates}); 
} 
function updates(response) 
{ 
    new Effect.Fade($('old-content')); 
    new Effect.Appear($('content')); 
    $('content').innerHTML = response.responseText; 
}
Javascript 相关文章推荐
js获取电脑分辨率的思路及操作
Nov 22 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 Javascript
javascript获取系统当前时间的方法
Nov 19 Javascript
非常漂亮的相册集 使用jquery制作相册集
Apr 28 Javascript
AngularJS教程 ng-style 指令简单示例
Aug 03 Javascript
Angular学习笔记之angular的$filter服务浅析
Nov 12 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
Jan 20 Javascript
分享19个JavaScript 有用的简写写法
Jul 07 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 #Javascript
如何实现JS函数的重载
Sep 22 #Javascript
扩展String功能方法
Sep 22 #Javascript
js实现ASP分页函数 HTML分页函数
Sep 22 #Javascript
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 #Javascript
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 #Javascript
prototype1.4中文手册
Sep 22 #Javascript
You might like
php数组(array)输出的三种形式详解
2013/06/05 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
js 效率组装字符串 StringBuffer
2009/12/23 Javascript
javascript 主动派发事件总结
2011/08/09 Javascript
JavaScript var声明变量背后的原理示例解析
2013/10/12 Javascript
动态加载jquery库的方法
2014/02/12 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
javascript 使用正则test( )第一次是 true,第二次是false
2017/02/22 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
浅谈基于Vue.js的移动组件库cube-ui
2017/12/20 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
理解 JavaScript EventEmitter
2018/03/29 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
在vue中实现禁止回退上一步,路由不存历史记录
2020/07/22 Javascript
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Django rest framework工具包简单用法示例
2018/07/20 Python
对matplotlib改变colorbar位置和方向的方法详解
2018/12/13 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
python实现邮件自动发送
2019/08/10 Python
Python bytes string相互转换过程解析
2020/03/05 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
物流仓管员岗位职责
2013/12/04 职场文书
集团薪酬管理制度
2014/01/13 职场文书
网络编辑求职信
2014/04/30 职场文书
公司董事长岗位职责
2014/06/08 职场文书
节电标语大全
2014/06/23 职场文书
语文课外活动总结
2014/08/27 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
高三生物教学反思
2016/02/22 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL