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 动态将数字金额转化为中文大写金额
May 14 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
jQuery 常见小例汇总
Dec 14 Javascript
Js apply方法详解
Feb 16 Javascript
Node.js实现发送邮件功能
Nov 06 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
Jul 23 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
Feb 02 Javascript
Vue 刷新当前路由的实现代码
Sep 26 Javascript
ajax请求前端跨域问题原因及解决方案
Oct 16 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下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
php语言注释,单行注释和多行注释
2018/01/21 PHP
php中错误处理操作实例分析
2019/08/23 PHP
Javascript中匿名函数的多种调用方式总结
2013/12/06 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
js QQ客服悬浮效果实现代码
2014/12/12 Javascript
jQuery中:image选择器用法实例
2015/01/03 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
Javascript基础回顾之(三) js面向对象
2017/01/31 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
vue项目动态设置页面title及是否缓存页面的问题
2018/11/08 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
python解析xml模块封装代码
2014/02/07 Python
Python实现拷贝多个文件到同一目录的方法
2016/09/19 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
Python 实现自动导入缺失的库
2019/10/29 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
IBatis持久层技术
2016/07/18 面试题
外语专业毕业生自我评价分享
2013/10/05 职场文书
平面设计自荐信
2013/10/07 职场文书
音乐专业应届生教师求职信
2013/11/04 职场文书
违反学校规定检讨书
2014/01/18 职场文书
销售目标责任书
2014/07/23 职场文书
python - timeit 时间模块
2021/04/06 Python
世界十大狙击步枪排行榜
2022/03/20 杂记
讲解MySQL增删改操作
2022/05/06 MySQL
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android