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 相关文章推荐
Div自动滚动到末尾的代码
Oct 26 Javascript
javaScript Array(数组)相关方法简述
Jul 25 Javascript
jquery判断单个复选框是否被选中的代码
Sep 03 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
jQuery图片轮播功能实例代码
Jan 29 Javascript
angular4中关于表单的校验示例
Oct 16 Javascript
vue实现简单的星级评分组件源码
Nov 16 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 Javascript
Vue环境搭建+VSCode+Win10的详细教程
Aug 19 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 广告调用类代码(支持Flash调用)
2011/08/11 PHP
基于PHP CURL获取邮箱地址的详解
2013/06/03 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
PHP使用反射机制实现查找类和方法的所在位置
2016/04/22 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
分享别人写的一个小型js框架
2007/08/13 Javascript
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
JS动画效果打开、关闭层的实现方法
2015/05/09 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
微信小程序微信支付接入开发实例详解
2017/04/12 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
2017/11/14 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
2020/05/12 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
使用Python对MySQL数据操作
2017/04/06 Python
基于Django模板中的数字自增(详解)
2017/09/05 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
python 接收处理外带的参数方法
2018/12/03 Python
WxPython建立批量录入框窗口
2019/02/27 Python
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
护理专科自荐书范文
2014/02/18 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
法院四风对照检查材料思想汇报
2014/10/06 职场文书
学生自我评语
2015/01/04 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
Minikube搭建Kubernetes集群
2022/03/31 Servers