4.使用$H()函数
$H()函数把一些对象转换成一个可枚举的和联合数组类似的hash对象
function hash(){
var a={
first:10,second:20,third:30
};
var h = $H(a);
alert(h.toQueryString());
}
5.使用$R()函数
$R()是new ObjectRange(lowBound,upperBound,excludeBounds)的缩写
function demoDollar_R(){
var range = $R(10,20,true);
range.each(function (value,index){
alert(value);
});
}
函数的第三个参数是一个boolean false:10~20,true:10~19
6.使用Try.these()函数
顺序执行一系列方法,直到某个方法成功返回。改方法成功返回那个方法的返回值
以上各个方法并非是prototype.js的核心,这些知识它很小的一部分。下面介绍prototype的核心内容
7.Ajax对象
Ajax对象是一个预定义对象,由这个包创建,为了封装和简化编写AJAX功能涉及的代码。这个对象包含一系列的封装ajax逻辑的类。
(1)Ajax.Request类,为了支持ajax功能,这个包定义了Ajax.Request类。
function searchSales(){
var empId = $F('lst');
var year = $F('years');
var url = 'http://yoursever/app/get_sales';
var pars = 'empId' + empId + '&year' + year;
var myAjax = new Ajax.Request(url,{method:'get',parameters:pars,onComplete:showResponse});
}
function showResponse(originalRequest){
$('result').value = originalReuqest.responseText;
}
Ajax.Request构造方法的第二个参数{method:'get',parameters:pars,onComplete:showResponse}表示一个匿名对象的真是写法。表示传入的
这个对象有一个名为method值为'get'的属性,另一个属性名为parameters包含HTTP请求的查询字符串,和一个onComplete属性/方法包含回调函数
还有一些其他的属性可以在这个对象里面定义和设置,例如asynchronous,可以为true或者false来决定ajax对服务器的调用是否是异步
默认是true。
在XMLHttpRequest中,在HTTP请求期间将报告请求的进度情况。这个进度被描述为四个不同的阶段:Loading,Loaded,Interactive,
或Complete。可以使用Ajax.Request对象在任何阶段调用自定义的方法。Complete是最常用的一个。想调用自定义的方法只需要在请求
的选项参数中名为onXXXXX属性/方法提供自定义的方法对象。就如同onComplete。传入的方法将会被用一个参数调用,这个参数是
XMLHttpRequest对象自己。用这个对象去得到返回的数据并且或许检查包含有在这次调用中的HTTP结果代码的status属性。还有另外两个
选项用来处理结果。我们可以在onSuccess选项传入一个方法,当ajax无误的执行完调用,相反,也可以在onFailure选项传入一个方法
,当服务器发现错误时调用,正如onXXXX选项传入的方法一样,这两个在被调用的时候也传入一个带有ajax请求的XMLHttpRequest对象。
分享到:
相关推荐
`prototype.js`是一个开源库,旨在扩展JavaScript的基础功能,尤其是面向对象编程的支持。这个库由Sam Stephenson创建,是Prototype Library的一部分,广泛应用于Web应用开发中,尤其在Rails框架下的Ajax开发。 ###...
《prototype_1.7.3.js:JavaScript框架的里程碑》 在JavaScript的世界里,Prototype库是一个不可或缺的重要组成部分,尤其在Web开发领域,它为开发者提供了强大的功能和便利性。Prototype_1.7.3.js是这个库的一个...
Prototype.js 是一个开源的JavaScript库,它扩展了JavaScript语言,为开发者提供了许多便利的功能,特别是在对象操作、DOM操作和事件处理方面。1.6版本是该库的一个重要里程碑,引入了诸多改进和新特性。 ### 1. ...
2. **DOM操作** - 为了解决JavaScript操作DOM的繁琐,prototype.js 提供了一系列便捷的方法,如`Element.select()`用于选取一组元素,`Element.hide()`和`Element.show()`控制元素的可见性,以及`Element.update()`...
《prototype.js:JavaScript框架的核心与应用》 在Web开发领域,JavaScript库和框架极大地提高了开发效率,其中Prototype.js就是一款非常流行的开源JavaScript框架。本文将深入探讨Prototype.js的核心概念、功能...
Prototype.js 是一个广泛使用的JavaScript库,它扩展了JavaScript语言的功能,为开发人员提供了更强大的面向对象编程支持。该库的核心特性是其对JavaScript原型(prototype)机制的深入利用,使得JavaScript对象的...
"Prototype.js"是一个针对JavaScript的开源库,旨在增强和扩展JavaScript的基本功能,尤其在处理DOM(文档对象模型)操作、事件处理以及Ajax交互时提供了极大的便利。 ### 1. Prototype.js核心概念 - **原型链**:...
通过学习和使用Prototype.js,开发者可以大大提高JavaScript编程的效率,同时享受到其带来的强大功能和便利性。《prototype.js中文手册》是深入理解并掌握这个库的宝贵资源,涵盖了从基础到高级的各种知识点,对于...
Prototype.js 是一个广泛使用的 JavaScript 库,它为浏览器环境提供了许多实用的功能,尤其是在对象操作和事件处理方面。1.6 版本是该库的一个重要里程碑,引入了许多改进和优化,使得开发人员能够更加高效地编写 ...
5. **类与继承**:Prototype.js引入了模拟类的概念,通过`Class.create`可以创建新的类,并使用`Object.extend`进行类的继承,从而实现了JavaScript中的面向对象编程。 6. **JSON支持**:1.4版中,Prototype.js提供...
在JavaScript的世界里,Prototype.js是一个著名的库,它扩展了JavaScript的内置对象,为开发者提供了更加便利的编程体验。本实例将深入探讨如何利用Prototype.js来实现弹出窗口和移动窗口的功能,这对于创建交互性强...
Prototype.js是最早期的JavaScript框架之一,它的设计目标是增强JavaScript的基本功能,使得JavaScript的面向对象编程更加简洁和强大。Prototype的核心特性包括: 1. **对象扩展**:Prototype通过扩展JavaScript的...
prototype.js是一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax,国外有多个基于此类库实现的效果库,也做得很棒。 prototype.js不仅是一个有很大实用价值的js库,而且有很...
2. **JavaScript事件**:使用Prototype.js绑定事件监听器,例如点击按钮触发模态窗口显示。这通常通过`Event.observe`方法实现。 3. **模态窗口显示**:当触发事件时,使用JavaScript改变模态窗口`div`的CSS样式,...
2. **Selectors API**:Prototype.js兼容了CSS选择器,提供了`$$()`函数,可以像操作CSS一样选取DOM元素,增强了JavaScript的选择器能力。 3. **Element对象**:Prototype.js强化了DOM元素的操作,如`Element.hide...
2. **DOM操作**:Prototype.js 提供了一套简洁的DOM操作接口,比如`Element`对象,可以方便地进行元素选择、创建、修改和删除,避免了与浏览器之间的兼容性问题。 3. **Ajax**:在Web2.0应用中,Ajax是不可或缺的一...
Prototype.js是一个广泛使用的JavaScript库,它为JavaScript语言增加了许多实用功能,尤其在处理DOM操作、Ajax交互以及类(class)系统等方面提供了强大的支持。这个库的名字“Prototype”来源于JavaScript中的一个...
Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript编程提供了丰富的功能和便利,旨在简化和优化在浏览器环境中进行的脚本编写。1.6.0.3 版本是该库的一个稳定版本,它包含了对先前版本的改进和修复,以...