`
zjq_blog
  • 浏览: 50174 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

prototype.js的使用(2)

    博客分类:
  • JS
阅读更多
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文件使用和讲解

    `prototype.js`是一个开源库,旨在扩展JavaScript的基础功能,尤其是面向对象编程的支持。这个库由Sam Stephenson创建,是Prototype Library的一部分,广泛应用于Web应用开发中,尤其在Rails框架下的Ajax开发。 ###...

    prototype_1.7.3.js 最新版本

    《prototype_1.7.3.js:JavaScript框架的里程碑》 在JavaScript的世界里,Prototype库是一个不可或缺的重要组成部分,尤其在Web开发领域,它为开发者提供了强大的功能和便利性。Prototype_1.7.3.js是这个库的一个...

    prototype.js 1.6中文手册、prototype.js 1.6英文手册、

    Prototype.js 是一个开源的JavaScript库,它扩展了JavaScript语言,为开发者提供了许多便利的功能,特别是在对象操作、DOM操作和事件处理方面。1.6版本是该库的一个重要里程碑,引入了诸多改进和新特性。 ### 1. ...

    prototype.js简介

    2. **DOM操作** - 为了解决JavaScript操作DOM的繁琐,prototype.js 提供了一系列便捷的方法,如`Element.select()`用于选取一组元素,`Element.hide()`和`Element.show()`控制元素的可见性,以及`Element.update()`...

    prototype.js

    《prototype.js:JavaScript框架的核心与应用》 在Web开发领域,JavaScript库和框架极大地提高了开发效率,其中Prototype.js就是一款非常流行的开源JavaScript框架。本文将深入探讨Prototype.js的核心概念、功能...

    prototype.js 1.4-1.6[全]

    Prototype.js 是一个广泛使用的JavaScript库,它扩展了JavaScript语言的功能,为开发人员提供了更强大的面向对象编程支持。该库的核心特性是其对JavaScript原型(prototype)机制的深入利用,使得JavaScript对象的...

    prototype.js javaScript插件

    "Prototype.js"是一个针对JavaScript的开源库,旨在增强和扩展JavaScript的基本功能,尤其在处理DOM(文档对象模型)操作、事件处理以及Ajax交互时提供了极大的便利。 ### 1. Prototype.js核心概念 - **原型链**:...

    prototype.js中文手册

    通过学习和使用Prototype.js,开发者可以大大提高JavaScript编程的效率,同时享受到其带来的强大功能和便利性。《prototype.js中文手册》是深入理解并掌握这个库的宝贵资源,涵盖了从基础到高级的各种知识点,对于...

    prototype.js 1.6

    Prototype.js 是一个广泛使用的 JavaScript 库,它为浏览器环境提供了许多实用的功能,尤其是在对象操作和事件处理方面。1.6 版本是该库的一个重要里程碑,引入了许多改进和优化,使得开发人员能够更加高效地编写 ...

    prototype.js 1.4版开发者手册(强烈推荐)

    5. **类与继承**:Prototype.js引入了模拟类的概念,通过`Class.create`可以创建新的类,并使用`Object.extend`进行类的继承,从而实现了JavaScript中的面向对象编程。 6. **JSON支持**:1.4版中,Prototype.js提供...

    prototype.js 实例

    在JavaScript的世界里,Prototype.js是一个著名的库,它扩展了JavaScript的内置对象,为开发者提供了更加便利的编程体验。本实例将深入探讨如何利用Prototype.js来实现弹出窗口和移动窗口的功能,这对于创建交互性强...

    prototype.js jquery.js 打包下载(包含各自的API)

    Prototype.js是最早期的JavaScript框架之一,它的设计目标是增强JavaScript的基本功能,使得JavaScript的面向对象编程更加简洁和强大。Prototype的核心特性包括: 1. **对象扩展**:Prototype通过扩展JavaScript的...

    prototype.js_v1.6_含中英文手册

     prototype.js是一个非常优雅的javascript基础类库,对javascript做了大量的扩展,而且很好的支持Ajax,国外有多个基于此类库实现的效果库,也做得很棒。  prototype.js不仅是一个有很大实用价值的js库,而且有很...

    在vs2005基于prototype.js的模态弹出窗口

    2. **JavaScript事件**:使用Prototype.js绑定事件监听器,例如点击按钮触发模态窗口显示。这通常通过`Event.observe`方法实现。 3. **模态窗口显示**:当触发事件时,使用JavaScript改变模态窗口`div`的CSS样式,...

    prototype.js.cn.doc.rar

    2. **Selectors API**:Prototype.js兼容了CSS选择器,提供了`$$()`函数,可以像操作CSS一样选取DOM元素,增强了JavaScript的选择器能力。 3. **Element对象**:Prototype.js强化了DOM元素的操作,如`Element.hide...

    javascript类库prototype.js

    2. **DOM操作**:Prototype.js 提供了一套简洁的DOM操作接口,比如`Element`对象,可以方便地进行元素选择、创建、修改和删除,避免了与浏览器之间的兼容性问题。 3. **Ajax**:在Web2.0应用中,Ajax是不可或缺的一...

    prototype.js 以及 找到的 相关使用详细说明

    Prototype.js是一个广泛使用的JavaScript库,它为JavaScript语言增加了许多实用功能,尤其在处理DOM操作、Ajax交互以及类(class)系统等方面提供了强大的支持。这个库的名字“Prototype”来源于JavaScript中的一个...

    Prototype.js 1.6.0.3 及中文CHM帮助文档

    Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript编程提供了丰富的功能和便利,旨在简化和优化在浏览器环境中进行的脚本编写。1.6.0.3 版本是该库的一个稳定版本,它包含了对先前版本的改进和修复,以...

Global site tag (gtag.js) - Google Analytics