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 相关文章推荐
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
微信小程序实现animation动画
Jan 26 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
Jul 22 Javascript
基于VUE实现简单的学生信息管理系统
Jan 13 Vue.js
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
在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 &amp;&amp; 逻辑与运算符使用说明
2010/03/04 PHP
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
easyUI实现(alert)提示框自动关闭的实例代码
2016/11/07 Javascript
JavaScript中捕获与冒泡详解及实例
2017/02/03 Javascript
js实现音频控制进度条功能
2017/04/01 Javascript
详解a++和++a的区别
2017/08/30 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
React 实现车牌键盘的示例代码
2019/12/20 Javascript
[03:47]2015国际邀请赛第三日现场精彩回顾
2015/08/08 DOTA
tensorflow实现KNN识别MNIST
2018/03/12 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
Python操作MySQL数据库的方法
2018/06/20 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
python实现一个简单RPC框架的示例
2020/10/28 Python
CSS3系列之3D制作方法案例
2017/08/14 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
Footshop乌克兰:运动鞋的最大选择
2019/12/01 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
医学专业毕业生推荐信
2013/11/14 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
使用HttpSessionListener监听器实战
2022/03/17 Java/Android