作家
登录

prototype.js的Ajax对象

作者: 来源:www.28hudong.com 2013-03-30 04:02:22 阅读 我要评论

我想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; }

  推荐阅读

  prototype 源码中文说明之 prototype.js

/** * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号 */ var Prototype = { Version: '@@VERSION@@' } /** * 创建一种类型,注意其属性 create 是一个方法,返回一个构造函数。 * >>>详细阅读


本文标题:prototype.js的Ajax对象

地址:http://www.17bianji.com/kaifa2/JS/31513.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)