AJAX 框架 Prototype

什么是Prototype
Prototype是目前应用最为广泛的Ajax开发框架,它的特点是功能实用而且尺寸较小,非常适合在中小型的Web应用中使用。开发Ajax应用需要编写大量的客户端JavaScript脚本,而Prototype框架可以大大地简化JavaScript代码的编写工作。更难得的是,Prototype具备兼容各个浏览器的优秀特性,使用它可以不必考虑浏览器兼容性的问题。

Prototype对JavaScript的内置对象(如String对象、Array对象等)进行了很多有用的扩展,同时它也新增了不少自定义的对象,包括对Ajax开发的支持等都是在自定义对象中实现的。Prototype可以帮助开发人员实现以下的目标:

l  对字符串进行各种处理;

l  使用枚举的方式访问集合对象;

l  以更简单的方式进行常见的DOM操作;

l  使用CSS选择符定位页面元素

l  发起Ajax方式的HTTP请求并对响应进行处理;

l  监听DOM事件并对事件进行处理;

2.1.2  Prototype的获取和使用
Prototype代码的获取可以通过以下两种途径。

l  Prototype的官方网站:http://prototype.conio.net
目前该网站提供了Prototype 1.4.0版本的源代码,下载地址是
http://prototype.conio.net/dist/prototype-1.4.0.js。

l  下载script.aculo.us框架代码:
script.aculo.us是一个基于Prototype的Ajax开发框架,它使用的Prototype版本是1.5.0_rc1(Prototype 1.5.0发布候选版本),读者可以访问script.aculo.us框架的官方网站下载该框架的源代码。具体的下载地址是
http://script.aculo.us/dist/scriptaculous-js-1.6.4.zip。将下载的压缩包解压缩,lib目录下的prototype.js文件即为Prototype 1.5.0_rc1的源代码。

本章将会对Prototype框架的实现原理进行详细分析,并且通过大量示例帮助读者在Ajax开发过程中使用Prototype框架,所有的讲解内容均基于Prototype 1.5.0_rc1。除了少数Prototype 1.5.0_rc1新增的功能之外,本章的其他内容对于Prototype 1.4.0也同样适用。

Prototype框架只有一个源代码文件prototype.js,使用它十分简单,只需要将prototype.js文件引入即可。引入prototype.js文件的示例语句如下所示:

<script type="text/javascript" src="../javascript/prototype.js"></script>

原文地址:https://www.cnblogs.com/JackieYang/p/1876876.html