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 数组详解
Oct 10 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
png在IE6 下无法透明的解决方法汇总
May 21 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
React 组件间的通信示例
Jun 14 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
Sep 25 Javascript
vue实现随机验证码功能(完整代码)
Dec 10 Javascript
小程序如何写动态标签的实现方法
Feb 05 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 Vue.js
在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
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
PHP的反射类ReflectionClass、ReflectionMethod使用实例
2014/08/05 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
php中动态变量用法实例
2015/06/10 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
PHP如何读取由JavaScript设置的Cookie
2017/03/22 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
PHP中递归的实现实例详解
2017/11/14 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
动态载入/删除/更新外部 JavaScript/Css 文件的代码
2010/07/03 Javascript
jquery实现鼠标滑过小图时显示大图的方法
2015/01/14 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
nodejs如何获取时间戳与时间差
2016/08/03 NodeJs
JQuery PHP图片在线裁剪实例
2020/07/27 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
thinkjs之页面跳转同步异步操作
2017/02/05 Javascript
socket.io学习教程之基础介绍(一)
2017/04/29 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
详解如何使用webpack打包JS
2018/06/21 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
vue 微信扫码登录(自定义样式)
2020/01/06 Javascript
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
6号汽车旅馆预订:Motel 6
2018/02/11 全球购物
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
计算机专业个人简短的自我评价
2013/10/23 职场文书
师德个人剖析材料
2014/02/02 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL