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 相关文章推荐
使用户点击后退按钮使效三行代码
Jul 07 Javascript
jQuery+css实现图片滚动效果(附源码)
Mar 18 Javascript
js delete 用法(删除对象属性及变量)
Aug 24 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
基于vue.js无缝滚动效果
Jan 25 Javascript
express框架下使用session的方法
Jul 31 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
destoon整合UCenter图文教程
2014/06/21 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
Smarty模板常见的简单应用分析
2016/11/15 PHP
JavaScript入门之事件、cookie、定时等
2011/10/21 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
js添加select下默认的option的value和text的方法
2014/10/19 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
跟我学习javascript创建对象(类)的8种方法
2015/11/20 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
基于jQuery实现文字打印动态效果
2017/04/21 jQuery
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
基于Python __dict__与dir()的区别详解
2017/10/30 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
python实现简单加密解密机制
2019/03/19 Python
这可能是最好玩的python GUI入门实例(推荐)
2019/07/19 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
Smashbox英国官网:美国知名彩妆品牌
2017/11/13 全球购物
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
《桃花心木》教学反思
2014/02/17 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
学校评语大全
2014/05/06 职场文书
质量提升方案
2014/06/16 职场文书
员工离职感谢信
2015/01/22 职场文书
雷峰塔导游词
2015/02/09 职场文书
python异常中else的实例用法
2021/06/15 Python