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 密码强弱度检测万能插件
Feb 25 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 Javascript
jQuery实现HTML5 placeholder效果实例
Dec 09 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
Sep 14 Javascript
jquery实现简单Tab切换菜单效果
Jul 17 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
预防网页挂马的方法总结
Nov 03 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
Vue中this.$nextTick的作用及用法
Feb 04 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
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
PHP获取页面执行时间的方法(推荐)
2016/12/10 PHP
提示$ is not defined错误分析及解决
2013/04/09 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
HTML的select控件美化
2017/03/27 Javascript
AngularJS改变元素显示状态
2017/04/20 Javascript
Three.js的使用及绘制基础3D图形详解
2017/04/27 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
JS实现随机点名器
2020/04/12 Javascript
[03:34]2014DOTA2西雅图国际邀请赛 淘汰赛7月15日TOPPLAY
2014/07/15 DOTA
python中的多线程实例教程
2014/08/27 Python
Python获取服务器信息的最简单实现方法
2015/03/05 Python
Python科学计算包numpy用法实例详解
2018/02/08 Python
python实现的MySQL增删改查操作实例小结
2018/12/19 Python
Python提取特定时间段内数据的方法实例
2019/04/01 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
python文件操作的简单方法总结
2019/11/07 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
潘多拉意大利官方网上商城:网上选购PANDORA珠宝
2018/10/07 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
行政管理人员精品工作推荐信
2013/11/04 职场文书
英语专业学生的自我评价
2013/12/30 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
《梅花魂》教学反思
2016/02/18 职场文书
简短的36句中秋节祝福信息语句
2019/09/09 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript