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 live( type, fn ) 委派事件实现
Oct 11 Javascript
JQuery的一些小应用收集
Mar 27 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
Jul 24 Javascript
js实现两个值相加alert出来精确到指定位
Sep 25 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
jquery 鼠标滑动显示详情应用示例
Jan 24 Javascript
js图片延迟技术一般的思路与示例
Mar 20 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
Sep 11 Javascript
JavaScript实现的DOM绘制柱状图效果示例
Aug 08 Javascript
webpack的CSS加载器的使用
Sep 11 Javascript
微信公众号网页分享功能开发的示例代码
May 27 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
详解yii2实现分库分表的方案与思路
2017/02/03 PHP
jQuery总体架构的理解分析
2011/03/07 Javascript
window.parent与window.openner区别介绍
2012/04/12 Javascript
Json字符串转换为JS对象的高效方法实例
2013/05/01 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
jquery实现两边飘浮可关闭的对联广告
2015/11/27 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
js实现城市级联菜单的2种方法
2017/06/23 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
JS实现利用闭包判断Dom元素和滚动条的方向示例
2019/08/26 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
Python中的迭代器漫谈
2015/02/03 Python
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
Python paramiko模块的使用示例
2018/04/11 Python
对python产生随机的二维数组实例详解
2018/12/13 Python
如何基于python操作json文件获取内容
2019/12/24 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
django有外键关系的两张表如何相互查找
2020/02/10 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
华为的Java面试题
2014/03/07 面试题
销售实习自我鉴定
2013/12/07 职场文书
微型企业创业投资计划书
2014/01/10 职场文书
十岁生日父母答谢词
2014/01/18 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
质量月活动策划方案
2014/03/10 职场文书
相亲活动方案
2014/08/26 职场文书
营销总监岗位职责
2014/09/16 职场文书
幼儿园校园小喇叭广播稿
2014/10/17 职场文书
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript