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 Tips 使用DocumentFragment加快DOM渲染速度
Jun 28 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
Angular4 组件通讯方法大全(推荐)
Jul 12 Javascript
原生JavaScript实现remove()和recover()功能示例
Jul 24 Javascript
vue router 通过路由来实现切换头部标题功能
Apr 24 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
如何用JS实现网页瀑布流布局
Apr 24 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
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
PHP的cURL库简介及使用示例
2015/02/06 PHP
php+ajax实现无刷新的新闻留言系统
2020/12/21 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
25个好玩的JavaScript小游戏分享
2011/04/22 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
jquery 获取dom固定元素 添加样式的简单实例
2014/02/04 Javascript
表单序列化与jq中的serialize使用示例
2014/02/21 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
jQuery+HTML5加入购物车代码分享
2020/10/29 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
2016/11/22 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
vue组件初学_弹射小球(实例讲解)
2017/09/06 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
vue 如何从单页应用改造成多页应用
2020/10/23 Javascript
Python解决鸡兔同笼问题的方法
2014/12/20 Python
Python文件处理
2016/02/29 Python
Python编程中对super函数的正确理解和用法解析
2016/07/02 Python
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
python字典操作实例详解
2017/11/16 Python
Python操作Oracle数据库的简单方法和封装类实例
2018/05/07 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
利用python实现在微信群刷屏的方法
2019/02/21 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
Python 代码调试技巧示例代码
2020/08/11 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
通信工程专业女生个人求职信
2013/09/21 职场文书
桥梁工程专业求职信
2014/04/21 职场文书
学生会干部任命书
2015/09/21 职场文书
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫