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 相关文章推荐
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
Sep 19 Javascript
JS高级笔记
Jul 13 Javascript
Jquery获取和修改img的src值的方法
Feb 17 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 Javascript
微信小程序侧边栏滑动特效(左右滑动)
Jan 23 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
Vue项目webpack打包部署到服务器的实例详解
Jul 17 Javascript
laydate 显示结束时间不小于开始时间的实例
Aug 11 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
canvas绘制折线路径动画实现
May 12 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批量生成静态HTML的简单原理和方法
2014/04/20 PHP
php使用array_search函数实现数组查找的方法
2015/06/12 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
关于JS管理作用域的问题
2013/04/10 Javascript
JS实现的4种数字千位符格式化方法分享
2015/03/02 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
JS验证码实现代码
2017/09/14 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
2018/05/13 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
微信公众号生成新浪短网址的实现(快速生成)
2019/08/18 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
基于javascript实现日历功能原理及代码实例
2020/05/07 Javascript
JavaScript实现网页tab栏效果制作
2020/11/20 Javascript
[57:28]2018DOTA2亚洲邀请赛 4.6 淘汰赛 TNC vs Liquid 第一场
2018/04/10 DOTA
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
python中global用法实例分析
2015/04/30 Python
DataFrame中的object转换成float的方法
2018/04/10 Python
Pandas 重塑(stack)和轴向旋转(pivot)的实现
2019/07/22 Python
Django获取该数据的上一条和下一条方法
2019/08/12 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
python3 使用traceback定位异常实例
2020/03/09 Python
Python分类测试代码实例汇总
2020/07/23 Python
python实现启动一个外部程序,并且不阻塞当前进程
2020/12/05 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
英国打印机墨水和碳粉商店:Printerinks
2017/06/30 全球购物
Petmate品牌官方网站:宠物用品
2018/11/25 全球购物
如何写出高性能的JSP和Servlet
2013/01/22 面试题
入党积极分子学习两会心得体会范文
2014/03/17 职场文书
初中生评语大全
2014/04/24 职场文书
网络优化专员求职信
2014/05/04 职场文书
美术学专业求职信
2014/07/23 职场文书
大学生党员自我评价
2015/03/04 职场文书
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL
Ruby处理YAML和json数据
2022/04/18 Ruby