`
linuxstuding
  • 浏览: 1229584 次
文章分类
社区版块
存档分类
最新评论

prototype.js开发者手册全集

 
阅读更多
Prototype 是一个开源的 javascript 开发框架,里面封装了大量可以加快开发速度的方法,例如使用$('div')代替getElementById("div"),封装了xmlhttprequest等。许多语言的开发框架如 Ruby on Rails,symfony(PHP) 都集成 Prototype,更有很多如 script.aculo.us , Rico , Behaviour 这样的衍生作品,大大扩充了protopype的功能了,很方便的实现自动完成,元素拖动,闪烁提示,圆角矩形提示框,文字渐隐等功能。使得页面一下"动"了起来,大大提高了用户的使用体验。对于设计者来说,大大减少了在UI方面花的时间,以前为了实现一个效果需要长长的 script 代码,而现在可能只需要一两行了.
在 Prototype 中,主要有两个方法来实行异步数据传输分别是 Ajax.Updater 和 Ajax.Request。

function getContents()
{
var request_url = "test1.html"; // 需要获取内容的url
var request_pars = '';//请求参数
var myAjax = new Ajax.Updater('result', request_url,{ // 将request_url返回内容绑定到id为result的容器中
method : 'get', //HTTP请求的方法,get or post
parameters : request_pars, //请求参数
onFailure: reportError, //失败的时候调用 reportError 函数
onLoading: loading, //正在获得内容的时候
onComplete : done //内容获取完毕的时候
evalScripts:true
});
}
function loading()
{
$('loading').style.display = 'block';
}
function done()
{
$('loading').style.display = 'none';
}
function reportError(request)
{
alert('Sorry. There was an error.');
}
Ajax.Updater为我们提供加载文档时候的三种状态, onComplete,onLoading,onFailure.我们可以自定义一个函数分别相应这三种不同的状态,这样这点特性,我们就能做出像Gmail那样很Cool的Loading提示了

prototype1.3.1版开发者手册.html

prototype1.4版开发者手册.html

点击下载此文件1.6

点击下载此文件1.5.1.1

Kjell Bublitz 发布了 Prototype 的 CHM API 文档script.aculo.us 的参考文档(包括 CHM、PDF 格式)。

CHM: 点击下载此文件

在线API文档: http://www.prototypejs.org/api

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics