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 EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 Javascript
JavaScript地图拖动功能SpryMap的简单实现
Jul 17 Javascript
js离开或刷新页面检测(且兼容FF,IE,Chrome)
Mar 05 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
JS中常用的正则表达式
Sep 29 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
Nov 02 Javascript
创建Vue项目以及引入Iview的方法示例
Dec 03 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
javascript实现弹幕墙效果
Nov 28 Javascript
原生js实现的金山打字小游戏(实例代码详解)
Mar 16 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 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创建XML接口示例
2019/07/04 PHP
laravel 错误处理,接口错误返回json代码
2019/10/25 PHP
一个JS翻页效果
2007/07/23 Javascript
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
js call方法详细介绍(js 的继承)
2013/11/18 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
对Angular.js Controller如何进行单元测试
2016/10/25 Javascript
React组件的三种写法总结
2017/01/12 Javascript
jQuery源码分析之sizzle选择器详解
2017/02/13 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
图文讲解vue的v-if使用方法
2019/02/11 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
Vuex的热更替如何实现
2020/06/05 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
Python中用Decorator来简化元编程的教程
2015/04/13 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
python实现nao机器人手臂动作控制
2019/04/29 Python
解决tensorboard多个events文件显示紊乱的问题
2020/02/15 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
Python Opencv图像处理基本操作代码详解
2020/08/31 Python
Pycharm中如何关掉python console
2020/10/27 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
罗马尼亚购物网站:Vivantis.ro
2019/07/20 全球购物
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
行政主管岗位职责
2013/11/18 职场文书
明确岗位职责
2015/02/14 职场文书
优秀新员工事迹材料
2019/05/13 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
MySQL日期时间函数知识汇总
2022/03/17 MySQL
golang实现浏览器导出excel文件功能
2022/03/25 Golang
Java中的Kafka为什么性能这么快及4大核心详析
2022/09/23 Java/Android