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 相关文章推荐
jquery ajax执行后台方法
Mar 18 Javascript
加速IE的Javascript document输出的方法
Dec 02 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
Jan 22 Javascript
js左侧三级菜单导航实例代码
Sep 13 Javascript
表格奇偶行设置不同颜色的核心JS代码
Dec 24 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 Javascript
Nest.js 授权验证的方法示例
Feb 22 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精确计算功能示例
2016/11/29 PHP
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
网页前端优化之滚动延时加载图片示例
2013/07/13 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
Angularjs中如何使用filterFilter函数过滤
2016/02/06 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
2016/02/15 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
2016/08/29 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
JS表格组件神器bootstrap table使用指南详解
2017/04/12 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
使用JavaScript实现node.js中的path.join方法
2018/08/12 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Python logging设置和logger解析
2019/08/28 Python
numpy ndarray 按条件筛选数组,关联筛选的例子
2019/11/26 Python
Python绘图之柱形图绘制详解
2020/07/28 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
Levi’s美国官网:美国著名的牛仔裤品牌
2016/08/19 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
霸气队列口号
2014/06/18 职场文书
主持人开幕词
2015/01/29 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
Go语言中的UTF-8实现
2021/04/26 Golang
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL