IT博客-A JavaScript Fancier-随笔分类-Web2.0相关内容

jQuery技巧总结

Yemoo'S JS Blog — Fri, 28 Sep 2007 04:23:00 GMT

注：这是偶以前发在blueidea上的文章，当时反应还不错，发现自己blog上还没有，赶紧补上。
========================================================

一、简介

1.1、概述
      随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
      jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。

它具有如下一些特点：
1、代码简练、语义易懂、学习快速、文档丰富。
2、jQuery是一个轻量级的脚本，其代码非常小巧，最新版的JavaScript包只有20K左右。
3、jQuery支持CSS1-CSS3,以及基本的xPath。
4、jQuery是跨浏览器的，它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
5、可以很容易的为jQuery扩展其他功能。
6、能将JS代码和HTML代码完全分离，便于代码和维护和修改。
7、插件丰富，除了jQuery本身带有的一些特效外，可以通过插件实现更多功能，如表单验证、tab导航、拖放效果、表格排序、DataGrid，树形菜单、图像特效以及ajax上传等。

jQuery的设计会改变你写JavaScript代码的方式，降低你学习使用JS操作网页的复杂度，提高网页JS开发效率，无论对于js初学者还是资深专家，jQuery都将是您的首选。
jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合任何JavaScript应用的地方，可用于不同的Web应用程序中。
官方站点：http://jquery.com/  中文站点：http://jquery.org.cn/

1.2、目的
通过学习本文档，能够对jQuery有一个简单的认识了解，清楚JQuery与其他JS框架的不同，掌握jQuery的常用语法、使用技巧及注意事项。

二、使用方法
在需要使用JQuery的页面中引入JQuery的js文件即可。
例如：
引入之后便可在页面的任意地方使用jQuery提供的语法。

三、学习教程及参考资料
请参照《jQuery中文API手册》和http://jquery.org.cn/visual/cn/index.xml
推荐两篇不错的jquery教程：《jQuery的起点教程》和《使用 jQuery 简化 Ajax 开发》
(说明：以上文档都放在了【附件】中)

四、语法总结和注意事项

1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;

3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个

元素的内容。有如下两种方法：
$("div").eq(2).html();    //调用jquery对象的方法
$("div").get(2).innerHTML;  //调用dom的方法属性

4、同一函数实现set和get
Jquery中的很多方法都是如此，主要包括如下几个：
$("#msg").html();    //返回id为msg的元素节点的html内容。
$("#msg").html("new content");
//将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content

$("#msg").text();    //返回id为msg的元素节点的文本内容。
$("#msg").text("new content");
//将“new content” 作为普通文本串写入id为msg的元素节点内容中,页面显示new content

$("#msg").height();    //返回id为msg的元素的高度
$("#msg").height("300");  //将id为msg的元素的高度设为300
$("#msg").width();    //返回id为msg的元素的宽度
$("#msg").width("300");  //将id为msg的元素的宽度设为300

$("input").val(");  //返回表单输入框的value值
$("input").val("test");  //将表单输入框的value值设为test

$("#msg").click();  //触发id为msg的元素的单击事件
$("#msg").click(fn);  //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法

5、集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式：
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。

$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})
//实现表格的隔行换色效果

$("p").click(function(){alert($(this).html())})
//为每个p元素增加了click事件，单击某个p元素则弹出其内容

6、扩展我们需要的功能
$.extend({
  min: function(a, b){return a < b?a:b; },
  max: function(a, b){return a > b?a:b; }
});  //为jquery扩展了min,max两个方法
使用扩展的方法（通过“$.方法名”调用）：
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));

7、支持方法的连写
所谓连写，即可以对一个jquery对象连续调用各种不同的方法。
例如：
$("p").click(function(){alert($(this).html())})
.mouseover(function(){alert('mouse over event')})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});

8、操作元素的样式
主要包括以下几种方式：
$("#msg").css("background");    //返回元素的背景颜色
$("#msg").css("background","#ccc")  //设定元素背景为灰色
$("#msg").height(300); $("#msg").width("200");  //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式
$("#msg").addClass("select");  //为元素增加名称为select的class
$("#msg").removeClass("select");  //删除元素名称为select的class
$("#msg").toggleClass("select");  //如果存在（不存在）就删除（添加）名称为select的class

9、完善的事件处理功能
Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。
如：
$("#msg").click(function(){alert("good")})  //为元素添加了单击事件
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//为三个不同的p元素单击事件分别设定不同的处理
jQuery中几个自定义的事件：
（1）hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
  function(){
   $(this).addClass("out");
});
（2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价
（3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
  //每次点击时轮换添加和删除名为selected的class。
  $("p").toggle(function(){
    $(this).addClass("selected");
  },function(){
     $(this).removeClass("selected");
  });
（4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。
例如：
  $("p").trigger("click");    //触发所有p元素的click事件
（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中（添加）删除绑定的事件。
例如：
$("p").bind("click", function(){alert($(this).text());});  //为每个p元素添加单击事件
$("p").unbind();  //删除所有p元素上的所有事件
$("p").unbind("click")  //删除所有p元素上的单击事件

10、几个实用特效功能
其中toggle()和slidetoggle()方法提供了状态切换功能。
如toggle()方法包括了hide()和show()方法。
slideToggle()方法包括了slideDown()和slideUp方法。

11、几个有用的jQuery方法
$.browser.浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。
$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。
如
$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
等价于：
var tempArr=[0,1,2];
for(var i=0;i  alert("Item #"+i+": "+tempArr[i]);
}
也可以处理json数据，如
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
结果为：
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN)：用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式。
如：
$.extend(settings, options);
//合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);
//合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数（合并多项并返回）
$.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。
如：
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为：[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为：[2,3]
$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。
如：$.merge( [0,1,2], [2,3,4] )  //返回[0,1,2,3,4]
$.trim(str)：删除字符串两端的空白字符。
如：$.trim("  hello, how are you?   ");   //返回"hello,how are you? "

12、解决自定义方法或其他类库与jQuery的冲突
很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突，Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可，如原来引用对象方法$("#msg")改为jQuery("#msg")。
如：
jQuery.noConflict();
// 开始使用jQuery
jQuery("div   p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';

Yemoo'S JS Blog 2007-09-28 12:23 发表评论

10个经典的web2.0配色方案网站

Yemoo'S JS Blog — Thu, 27 Sep 2007 01:19:00 GMT

都是国外的，废话不多说，自己看吧！

ColourLovers
EasyRGB
ColorBlender
ColorJack
Steel Dolphin Color Scheme Tool
DeGraeve.com Color Palette from Image Generator
Color Schemer
Kuler
Daily Color Scheme
Colr.org

Yemoo'S JS Blog 2007-09-27 09:19 发表评论

【推荐】四个强大的在线Excel(强大的Grid)

Yemoo'S JS Blog — Wed, 26 Sep 2007 10:31:00 GMT

EditGrid
在线excel，很强大的
查看地址：http://www.editgrid.com/untitled

TreeGrid
应该说这个是一个强大的grid，但功能也是一应俱全
查看地址：http://www.treegrid.com/TreeGrid5_0/Html/EJSTreeGrid.html

以下两个需要注册用户才能使用

Google SpreadSheet
一个很有名的产品，相信很多人都知道这个
查看地址：http://spreadsheets.google.com/

ZoHo sheet
ZoHo是最近才兴起的一个在线OFFICE站点，word,excel,powerpoint,等一应俱全，值得一看
查看地址：http://sheet.zoho.com/home.do

Yemoo'S JS Blog 2007-09-26 18:31 发表评论

Web表现层的Client端设计模式探讨[转自BennyBao的blog]

Yemoo'S JS Blog — Mon, 16 Jul 2007 20:02:00 GMT

本文着重讨论的是具有RIA特征的Web应用。例如目前比较流行的的Ajax类Web应用。传统的基于纯HTML的Web应用不在本文讨论之列。

随着Ajax的升温，开发人员逐渐对Web应用中的各种UI控件和开发框架开始有了越来越浓厚的兴趣。目前所知的这方面的控件集或开发框架可以说是并不鲜见。笔者将这些产品大致分为两个大类：离散控件集型和数据模型驱动型。这两个词大家应该很陌生，因为他们都是鄙人自造的。

离散控件集型 －此类产品以提供一系列相对独立的界面控件为主要目的。控件的类型比较全面，例如搭建Web应用常见的各种Grid、Tree、Menu、ToolBar、Window等。不过此类产品一般不会过多的考虑界面中的数据和操作逻辑的封装，至多只会提供相对简单的静态数据绑定*。我认为此类产品的主要出发点是改善Web应用的界面表现能力，同时借助自带的SDK提供一种更加规范的开发模式。
目前我所知的大部分产品似乎都属于这一类别。例如: backbase、qooxdoo、NetAdventage、bindows等。
Backbase实例中心: http://www.backbase.com/demos/explorer

数据模型驱动型 －此类产品除了要提供一组比较好用的UI控件集之外，更会提供对界面中数据模型的管理功能。其UI控件以数据敏感控件为主。数据敏感控件可以通过于数据模型的绑定来实现对表现层中数据的展示和控制。这种数据绑定可成为动态数据绑定*。可以说这一类产品的主要出发点除改善Web应用的界面表现能力外，也非常注重提供一种快速开发的模式。
好的数据模型驱动型的开发框架应该首先包含离散控件集中的各种功能，它事实上是一种相对于单纯的UI控件集而言更高层次的抽象。

这种模式其实在以前CS下非常常见，例如VB、Delphi等RAD开发工具提交数据库应用开发模式都属于这种类型。不过到了BS下人们似乎都忘记这种开发模式。可能是因为不够见多识广，目前笔者所知的此类产品只有dorado。
dorado的示例中心： http://sample.bstek.com

对于上面提到的两种数据绑定方式的解释如下：

静态数据绑定 – 是指在控件可以根据指派给他的数据源(往往是XML数据源或简单的数组)自动的提取并展示其中的数据。这种提取过程是主动完成的，当提取过程结束后控件无法继续感知数据源中数据的变化。这事实上是从控件到数据源的拉模式(Pull Mode)。

动态数据绑定 – 是指将控件以观察者的角色注册到数据源(往往是经过封装的私有对象)中。数据源成为被观察者。当数据源中的数据或状态发生改变时会主动通知所有观察者（即绑定的控件），然后再由控件自动提取数据完成展现的更新。这样一旦绑定建立以后控件就可以实时的体现数据源中的最新变化。如果用户利用这些控件对数据或状态做了改变，那么这种改变自然也会通过数据源再实时的通知给所有其它相关的控件。这事实上是从数据源到控件的推模式(Push Mode)。

回到关于离散控件集型和数据模型驱动型的讨论。这两种开发框架都有这自己的适用面。笔者认为离散控件集型的开发框架更加适合与一些像论坛这样更加注重展现的应用。而对于那些具有明显数据库应用特性的的Web应用(例如MIS类应用)，则数据模型驱动型的开发框架更能发挥它的优势。
得出以上结论的原因是我认为数据模型驱动型的开发框架能够使开发人员将更多的精力投入到界面所需要实现的更能当中，至少在制作页面的前期阶段不必太多的关注界面的表现形式。同时如果能够将更多的界面操作逻辑封装到数据模型对象中，就可以保证在后期当最终用户提出界面的修改要求时，开发人员可以用更小的代价来完成对界面的重构。

让我们来具体分析两个场景:

场景1：一个用惯了CS应用的用户要求开发一个界面来维护公司目前拥有的所有书籍。为了方便的完成对所有书籍的CRUD操作，用户希望以一个Grid控件来完成所有这些操作，同时用户希望能够在界面批量的完成一系列C、U、D操作之后一次性的对数据进行保存。每本书籍都有一个由系统自动分配的编码作为主键，因此用户不需要看到书籍的编码。
分析：如果我们现在只有一个离散的Grid控件。要完成上述功能我们还需要做以下一些工作:

由于编码不在Grid中显示，因此找到一个办法能够管理每本书籍的编码。

由于客户端需要缓存用户的一系列C、U、D操作然后作批量的提交处理，因此必须做一些工作以便记录下哪些书被修改了、哪些是新增的、哪些被删除了。

在提交时将所有的数据修改信息抽取出来组装成可用于提交的格式。

可见如果使用一个离散的Grid控件来制作这个界面，我们还必须要做不少工作。如果我们能够选择一个数据模型驱动型的开发框架，上面提到的很多功能框架中往往已经具备。开发人员要做的往往只是声明好一个数据模型然后把它跟Grid关联起来。如果您以前使用过VB或Delphi这一类开发功能，应该不难想像这个过程。

场景2：想像一个用户信息的录入界面，如下图。使用者需要输入用户的身份证，由于什么证的号码中包含了很多信息，系统完全有可能从其中解析出出生日期和性别这样的信息。因此为了方便录入，我们可以让表单中的出生日期和性别这两个栏位支持自动填入缺省值的功能，只要用户录入了身份证号码，就可以马上自动填充上述两个栏位。

在基于离散控件的编程方式中，我们需要知道身份证、出生日期、性别这三个编辑框的id，并针对他们进行编程。其代码形式可能如下:

var id = inputId.getValue(); // 获得身份证号码
// 对身份证进行解析
inputBrithday.setValue(brithday); // 为出生日期设置缺省值
radioGroupSex.setValue(sex); // 为性别设置缺省值

在基于数据模型驱动型框架的编程方式中，我们并不需要关注界面上摆放了什么控件，只需要知道关注如何操作数据模型对象。其代码形式可能如下:

var id = dmUser.getValue( " id " ); // 从数据模型(dmUser)中提取身份证号码
// 对身份证进行解析
dmUser.setValue( " birthday " , brithday); // 为出生日期设置缺省值
dmUser.setValue( " sex " , sex); // 为性别设置缺省值

可见在这种开发模式中我们的代码几乎完全针对数据模型展开，当我们为dmUser中的brithday和sex赋值后，相应的数据敏感控件会立刻自动显示出这些的数据。这样的编程模式可以让代码有高度的一致性，当我们制作复杂的用户界面时，可以不需要记住诸多的控件id。
进一步假设。如果用户有一天觉得这样的界面并不方便对多笔数据进行方便的维护，而要求对界面进行如下调整。在删除原先的表单，利用一个Grid控件来对用户信息进行维护。

如果我们的编程方式是基于离散控件的，那么我们不可避免的要对先前编写那段代码做一些调整了。我需要将那段代码移植到表格当中。
但是如果我们的编程方式是基于数据模型驱动型框架的，那么我们要做的只是将界面上的表单删掉，然后在放置一个与现有数据模型绑定的Grid控件。至于那段代码，它完全不需要做任何变动。

综上可见，在MIS类Web应用的表现层开发方面。数据模型驱动型的开发框架可以为开发人员带来更多的实惠。不知道随着时间的推移这一类的开发框架会不会丰富起来？

Yemoo'S JS Blog 2007-07-17 04:02 发表评论

基于Ajax的应用程序架构汇总（转Yesky）

Yemoo'S JS Blog — Fri, 06 Jul 2007 00:28:00 GMT

选一个自己合适的学习

浏览器端框架被划分成两大类：

　·应用程序框架：提供浏览器的功能，但是常以包括窗口小部件抽象和另外的部件而出名，其功能主要围绕桌面GUI框架。
　·基本结构框架：提供基本的管道和可移植的浏览器抽象，让开发者去创建内容。典型的功能：
　　　* 针对XMLHttpRequest的包装器以封装浏览器-服务器的交互。(所有的框架都提供这一功能)。
　　　* XML操作和查询。
　　　* 根据来自XMLHttpRequest的应答执行DOM操作。
　　　* 在一些情况中，与另外的浏览器端技术如Flash(和潜在的Java applets)集成在一起。

而服务器端框架通常以下面两种方式工作(尽管它们在这里根据语言的不同进行了分类)：
　·HTML/JS生成：服务器提供完整的HTML/Javascript代码生成和浏览器-服务器协调，结果是只有浏览器端编码可以被定制。
　·远程调用：Javascript调用直接被路由到服务器端功能(例如Java方法)并返回到Javascript回叫处理器；或者Javascript调用服务器以提取信息，例如会话细节，数据库查询等。
　·纯Javascript：应用程序框架
　　Bindows(自从2003年)
　　网址是：http://www.bindows.net，Bindows是一个软件开发包(SDK)，它通过强力联合DHTML，JavaScript，CSS和XML等技术，能生成高度交互的互联网应用程序-成为现代的桌面应用程序的强有力对手。Bindows应用程序不要求下载和也不需要在用户端安装-仅要求有一个浏览器(也不需要Java，Flash或者ActiveX)。Bindows有可能领导面向对象开发的AJAX应用程序的平台。
　　·它是商业化的，使用来自于MB的技术(总部位于GA USA，主要开发中心在瑞典，成立于2002年)。
　　Bindows框架提供给你：
　　·基于类的面向对象的API
　　·一套完整的窗口系统，提供宽范围的窗口小部件支持，包括菜单、表单、格子、滑动条、量程，甚至更多
　　·用于开发zero-footprint SOA客户端应用程序的领先的工具箱
　　·本机的XML，SOAP和XML-RPC支持
　　·单用户到企业级的支持
　　·内建的对AJAX的支持
　　Bindows开发环境：
　　·支持企业级规模的工程开发
　　·跨浏览器，跨平台支持
　　·服务器独立结构
　　·与新的和现有资源的互操作性
　　·一致性开发方法学

　　BackBase(自从2003年)
　　网址是：http://www.backbase.com，是一个全面的浏览器端框架，支持丰富的浏览器功能以及与.NET和Java的集成。
　　·商业化，来自于Backbase B.V(总部在Amsterdam，成立于2003年)。

　　DOJO(开发中;自从2004年9月)
　　网址是：http://dojotoolkit.org/，提供全面窗口小组件和浏览器-服务器消息支持。
　　·为创建定制的Javascript窗口小组件提供框架支持。
　　·预置的窗口小组件库。
　　·浏览器-服务器消息支持-XMLHttpRequest和另外的机制。
　　·支持浏览器中的URL操纵功能。
　　·开源许可(学术自由许可2.1(http://opensource.org/licenses/afl-2.1.php))，由JotSpot(http://www.jot.com/)的Alex Russell(http://alex.dojotoolkit.org/)所领导。

　　Open Rico(开发中;自从2005年5月;基于早期的私有框架)
　　网址是：http://openrico.org/demos.page，是一多用途框架，支持Ajax基础结构和用户交互。
　　·一个XMLHttpRequest应答能被路由到一个或者更多回叫操作，DOM对象，或者Javascript对象。
　　·容易鼠标拖动支持。
　　·Ajax动画，例如缩放和变换。
　　·"行为"-实质上是窗口小组件库。
　　·使用指南(http://www.mirimar.net/mailbrowser/)，由RussMirimar的Yonah所提供
　　·开源。源于Sabre航空公司解决方案，由Bill Scott(http://looksgoodworkswell.blogspot.com)，Darren James及另外一些人所支持。

　　qooxdoo(开发中;自从2005年5月)
　　网址是：http://qooxdoo.sourceforge.net/，是另一个雄心勃勃的框架，提供宽范围的UI支持和正在开发中的基础结构特性。
　　·基础结构：
　　* DOM和事件/焦点管理的可移植的抽象。
　　* 调试支持。
　　* 易于时间调度的Timer类。
　　* Getter/Setter支持。
　　·UI
　　* 窗口小组件框架和预置的窗口小组件库。
　　* 布局管理器。
　　* 图像缓冲和可移植的PNG透明性。
　　·开源(LGPL)。来自多方面的贡献者。

　　Tibet(开发中;自从2005年6月)
　　网址是：http://www.technicalpursuit.com/，目的是提供高度可移植的和全面的Javascript API，结果是，可能自动生成大量的客户端代码。自称是"企业级Ajax"。
　　·远程脚本运行在XMLHttpRequest包装之上-通过协调调用结果支持工作流管理，例如应答可以发生在只有当两个分离的调用返回时。
　　·URI支持。
　　·所有的HTTP方法-不仅是"GET"和"POST"。
　　·低级的协议-File://和WebDav以及HTTP。
　　·Web服务调用-SOAP，XML-RPC，等等。
　　·预置的针对Google API，Amazon API等等服务的支持。
　　·由高级Javascript对象组成一个巨大的库。
　　·许多XML操作。
　　·IDE和开发工具。
　　·开源许可(显然经过OSI认证，但是细节不多)。
　　
　·纯Javascript：基础结构框架

　　AjaxCaller(Alpha版本;自从5月2005年)
　　网址是：http://ajaxify.com/run/testAjaxCaller/，是一基本的线程安全的XMLHttpRequest包装器，主要针对Ajax新手，仍处于原始的alpha开发阶段，目前仅与AjaxPatterns的在线搜索范例一起打包。
　　·实现对服务器的调用(GET/POST/PUT/DELETE)，用路由到一个回叫操作的plain-text或者XML完成。
　　·使用过的XMLHttpRequest对象的析构。
　　·Response缓冲(计划的)。
　　·针对Ajax新手-并非强调性能优化，该库主要用于实现易读的基础代码并将提供调试支持。
　　·开源许可。由Michael Mahemoff(http://softwareas.com)(具有John Wehr和Richard Schwartz的一些思想)维护。

　　Flash JavaScript集成包
　　网址是：http://www.osflash.org/doku.php?id=flashjs，允许JavaScript和Flash内容的集成：
　　·使JavaScript能够调用ActionScript功能和反过来的实现。
　　·所有主要的数据类型能在这两种环境之间传递。
　　·开源许可。由多个开源Flash贡献者提供支持。

　　Google AJAXSLT(发行于2005年6月)
　　网址是：http://goog-ajaxslt.sourceforge.net/，是一个Javascript框架，用来执行XSLT转换以及XPath查询。
　　·建立在Google地图工作基础之上。
　　·开源许可(BSD)。由一家创新搜索方案公司支持，自称为"Google"。

　　HTMLHttpRequest(Beta版；始于2005年)
　　HtmlHttpRequest(http://www.twinhelix.com/javascript/htmlhttprequest/)，它使用了XMLHttpRequest和Iframes以改进兼容性。
　　·测试过并能工作在:IE6/Win，IE5.5/Win，IE5/Win，IE4/Win，Mozilla/Win，Opera7/Win，Safari/Mac，IE5/Mac。
　　·未测试，可能能工作在：IE4/Mac，Mozilla/Mac，Opera/Other，Konqueror/Linux。你正在使用这些之一吗？作者正在请求兼容性信息。
　　·开源许可(LGPL)。由Twin Helix Designs(http://www.twinhelix.com/)的Angus Turnbull维护。

　　交互式网站框架(自从2005年5月)
　　交互式网站框架(http://sourceforge.net/projects/iwf/，是一个项目，目的是从浏览器端对Ajax基础结构的多方面予以支持。自描述为"使用javascript，css，xml，和html来创造高度交互网站的框架。包括一个定制的针对高度可读的javascript的xml分析器。实质上，是建立基于AJAX的网站的基础，还有另外一些通用脚本"。
　　·线程安全的XMLHttpRequest实现。
　　·针对XML文档的包装器，以便你能够创建更具可读性的代码：
var node = doc.groceries.frozen[0].pizza[0].size;
　　代替手工的导航：
var node = doc.documentElement.firstChild.firstChild.getAttribute("size");
　　·开源许可。由Weaver(http://circaware.com|Brock)维护。

　　LibXMLHttpRequest(发行于2003年6月)
　　libXmlRequest(http://www.whitefrost.com/servlet/connector?file=reference/2003/06/17/libXmlRequest.html)，是XMLHttpRequest的一个瘦包装器。
　　·getXML()和postXML()方法。
　　·XMLHttpRequest对象池支持。
　　·Response缓冲。
　　·可用源码(明显)，但是受标准版权的保护，由Stephen W.Coate(http://www.whitefrost.com/index.jsp)所维护。

　　RSLite(x)
　　网站是：http://www.ashleyit.com/rs/main.htm，是一个针对XMLHttpRequest的瘦包装器。
　　·一个简单的组件，作为Brent Ashley的更全面的远程脚本工作(参见Javascript远程脚本-JSRS在多语言服务器端)的一部分发行。

　　Sack(在开发中，自从2005年5月)
　　网站是：http://twilightuniverse.com/2005/05/sack-of-ajax/，是一个针对XMLHttpRequest的瘦包装器。
　　·调用者能指定回叫函数或者回叫DOM对象。借助于回叫DOM，应答文本直接被推入到DOM中

　　Sarissa(发行于2月，2003年)
　　网站是：http://sarissa.sf.net，是一种Javascript API，它封装了在浏览器端可以独立调用XML的功能。
　　·可移植的XMLHttpRequest创建
　　·可移植的XPath查询
　　·可移植的DOM操作
　　·可移植的XSLT
　　·可移植的XML串行化
　　·开源(GPL2.0和LGPL2.1)。来自多方面贡献者。

　　XHConn(发行于自从4月，2005年)
　　网站是：http://xkr.us/code/javascript/XHConn/，是一个对XMLHttpRequest的瘦包装器。
　　·例如：
　　new XHConn().connect("mypage.php"，"POST"，"foo=bar&baz=qux"，fnWhenDone);
　　·开源许可。由Brad Fults所维护。

　·服务器端：多种语言

　　跨平台异步的接口工具箱(5月2005年)
　　CPAINT：http://cpaint.sourceforge.net/，是一真正的支持PHP和ASP/Vbscript的Ajax实现和JSRS(JavaScript远程脚本)实现。CPAINT提供给你需求的代码在后台实现AJAX和JSRS，而返回的数据以JavaScript形式在前台操作，格式化和显示。这允许你创建能提供接近实时的反馈给用户的web应用程序。
　　·支持PHP&ASP
　　·针对所有函数的一致的JavaScript文件
　　·支持远程脚本和XML
　　·支持本地和远程函数
　　·单个或者多个XMLHTTP对象
　　·以文本或者JavaScript XML/DOM文档对象方式返回后台数据
　　·能支持POST和GET请求
　　·后台代理函数来访问远程函数和数据
　　·在所有的主要浏览器上测试过
　　·在GNU GPL&LGPL保护下发行

　　SAJAX(可用，但是不是1.0版本;自从3月2005年)
　　网站是：http://www.modernmethod.com/sajax/，直接把调用从Javascript发送到你的服务器端语言并再次回返。例如，调用一个javascript方法x_calculateBudget()，将先到达服务器和调用一个Java calculateBudget()方法，然后以javascript方式把值返回到x_calculateBudget_cb()。
　　·便利从Javascript代理函数到后台操作的映射。
　　·能够代理对众多服务器端平台（ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby）的调用。
　　·开源许可。来自多方面贡献者。

　　Javascipt对象标志(JSON)和JSON-RPC
　　JSON(http://www.crockford.com/JSON/index.html)，是一个"胖的自由的XML选择"，而JSON-RPC(http://www.json-rpc.org/)是一种远程过程协议，类似于XML-RPC，强有力支持Javascript客户。
　　·实现多服务器端平台(http://www.json-rpc.org/impl.xhtml)：Java，Python，Ruby，Perl。
　　·针对每种平台有独立的打包和许可，如JSON-RPC-Java(http://oss.metaparadigm.com/jsonrpc/)。

　　Javascript远程脚本(JSRS)(自从2000年)
　　网址是：http://www.ashleyit.com/rs/jsrs/test.htm，直接把调用从Javascript发送到你的服务器端语言并再次回返。
　　·知名的浏览器：IE4+，NS4.x，NS6.x，Mozilla，Opera7和Galeon。
　　·服务器端支持：ASP，ColdFusion，PerlCGI，PHP,Python和JSP(servlet)。
　　·开源许可。由Brent Ashley(http://www.ashleyit.com/)提供支持。

　·服务器端：Java
　　注意：许多现有的框架最近正在添加Java支持(例如struts)，我将在后面指出。

　　WebORB for Java(自从2005年8月)
　　网址：http://www.themidnightcoders.com/weborb/aboutWeborb.htm，是一个平台，支持开发AJAX和基于Flash的胖客户端应用程序，并可以把它们与Java对象和XML Web服务相系起来。在线举例(http：//www.themidnightcoders.com/examples)
　　·WebORB包括一个称作丰富的客户系统(http://www.themidnightcoders.com/rcs/index.htm)的客户端库。该丰富的客户系统提供一简单的在线api来绑定到并调用任何Java对象，XML Web服务或者EJB上的方法。
　　·支持同步的和异步的方法调用。
　　·并不要求在服务器端代码上作任何修改，不需要定制方法属性，特别的签名或者参数类型。★不要求设计时生成代理。
　　·同步调用返回来自于该调用(不需要回叫)的数据。异步的调用依赖于一个回叫实现。
　　·任何服务器端方法能被同步地或者异步地调用。
　　·客户应用程序能向服务器对象请求指定的活动方式。结果，对象能被轻易地创建而不需任何特殊的编程。
　　·提供一个特定API来处理数据库查询结果-服务器代码能返回Data集合或者Data表，而客户端以一个特殊RecordSet JavaScript对象来显示这个结果。该对象提供一个方法以检索列名和行数据。
　　·支持数据分页技术。客户应用程序能检索页面中的数据。
　　·支持所有的服务器端参数类型并返回值-原型，字符串，复合类型，数组，本机.net集合，远程参考。
　　·共有两种版本可用：标准版(自由)和专业版(商业许可)

　　Echo 2(自从3月2005年)
　　网址是：http://www.nextapp.com/products/echo2/，允许你用纯Java代码编写Ajax应用软件(范例(http://demo.nextapp.com/InteractiveTest/ia))。
　　自动地生成HTML和Javascript。
　　·协调浏览器和服务器之间的消息。消息形式为XML。
　　·如果需要，可以手工编写定制的Javascript部件。
　　·开源许可(Mozilla公共许可或者GNU LGPL)。源于Next App,Inc.(http://www.nextapp.com/)。

　　Direct Web Remoting (DWR)(2005年)
　　网址是：http://www.getahead.ltd.uk/dwr/，是一个框架，用于直接从Javascript代码中调用Java方法。
　　·象SAJAX，能把Javascript中的调用传递到Java方法，并返回到Javascript回叫。
　　·能与任何web框架（Struts，Tapestry，等等）一起使用。
　　·开源许可(Apache(http://www.apache.org/LICENSE.txt))。由Joe Walker(http://www.getahead.ltd.uk/sg/space/joe/)所支持。被加入到WebWork(http://www.opensymphony.com/webwork/)版本。

　　SWATO(2005年)
　　网址是：http://swato.dev.java.net/，是一套可重用的和良好集成的Java/JavaScript库，它实现了一种更容易的方式来改变你的web应用程序的交互，它是通过AJAX方式实现。
　　·服务器端Java库能被容易地配置到所有的Servlet 2.3+匹配的容器中。
　　·客户端JavaScript库能工作在支持HttpXMLRequest的各种浏览器中。
　　·使用JSON来在服务器端编组你的POJO数据。这样你能存取在任何JavaScript环境(HTML，XUL，SVG)中的远程数据，这种存取可以容易地通过硬编码或者与某种成熟的JavaScript库集成来实现。
　　·提供一个简单的接口来使你的JavaScript代码可以与暴露在客户端的远程POJO交互(RPC等)。
　　·使用web.xml中的和的容易且灵活的配置，并能(但不是依赖)与Spring集成到一起。
　　·提供了几个可帮助你快速开发web应用程序的组件(如自动完成的文本框，在线表单，在线列表，等等)。

　·服务器端：Lisp

　　CL-Ajax
　　网址：http://cliki.net/cl-ajax，实现Javascript直接调用服务器端Lisp函数。
　　·如下输出函数：
　　　　(export-函数 #’my-函数)
　　·可以产生带有参数的Javascript代理。
　　·能回叫Javascript函数或者DOM对象。
　　·可以被集成进SAJAX。
　　·开源(定制，非常灵活，许可)。由[Richard Newman](http://www.holygoat.co.uk/)所维护。

　·服务器端：.NET

　　WebORB for.NET(自从8月2005年)
　　网址：http://www.themidnightcoders.com/weborb/aboutWeborb.htm，是一个平台，用于开发AJAX和基于Flash的胖客户端应用程序，并能把它们连接到.NET对象和XML Web服务。(在线举例(http://www.themidnightcoders.com/examples))
　　·WebORB包括一个客户端库，名叫Rich Client System(http://www.themidnightcoders.com/rcs/index.htm)。Rich Client System提供一简单的在线api以绑定到和调用任何.NET对象或者XML Web服务上的任何方法。
　　·支持同步和异步的方法调用
　　·并不要求在服务器端代码上作任何修改，不需要定制方法属性，特别的签名或者参数类型。**不要求设计时代理生成。
　　·同步调用返回来自于该调用的数据(不需要回叫)。异步的调用依赖于一个回叫实现。
　　·任何服务器端方法能被同步地或者异步地调用。
　　·客户应用程序能向服务器对象请求指定的活动方式。结果，对象能被轻易地创建而不需任何特殊的编程。
　　·提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个特殊RecordSet JavaScript对象来显示这个结果。该对象提供一个方法以检索列名和行数据
　　·支持数据页面技术。客户端应用程序能检索页面中的数据。
　　·支持所有的服务器端参数类型并返回值-原型，字符串，复合类型，数组，本机.net集合，远程参考
　　·共有两种版本可用的：标准版(自由)和专业版(商业许可)

　　Ajax.NET(自从3月2005年)
　　网址是：http://ajax.schwarz-interactive.de/，是一个库，实现从Javascript到服务器端.NET的存取。
　　·象SAJAX，能把Javascript中的调用传递到.NET方法，并返回到Javascript回叫。
　　·能存取来自于JavaScript的会话数据。
　　·缓存结果
　　·自由使用，可用的源码，未指定使用许可。由Michael Schwarz(http://weblogs.asp.net/mschwarz/)所维护。
　　·不允许改变源代码，用属性标记方法
　　·完整的类支持以返回客户端JavaScript值
　　·使用HtmlControls来进行输入和返回值
　　·可以返回数据表，数据集，数据视图，数组和集合

　·服务器端：PHP

　　AjaxAC(自从2005年4月)
　　网址是：http://ajax.zervaas.com.au/，用单个的PHP类封装了完整的应用程序。
　　·所有的应用程序代码是自包含在单个类中(附加另外一些JavaScript库)
　　·干净利索地调用PHP文件/HTML页面。只需创建应用程序类，然后参照应用程序JavaScript和依附任何需要的HTML元素到该应用程序。
　　·容易地处理JavaScript事件的内嵌功能
　　·创建子需要并处理它们的内嵌功能
　　·允许定制的配置值，因此某些单元能在运行时间设置
　　·无凌乱的JavaScript代码夹杂在调用HTML的代码中-所有的事件是被动态依附的
　　·由于以上两个原因容易和模板引擎集成到一起
　　·容易钩到（hook in to）已有的PHP类或者MySQL数据库以返回来自于子需求的数据
　　·能够容易地进一步生成JavaScript对象的可扩展的窗口小组件结构(但是还需要做一些工作)
　　·开源许可(Apache2.0)。由Zervaas Enterprises(http://ajax.zervaas.com.au/)支持

　　JPSpan
　　网址是：http://jpspan.sourceforge.net/wiki/doku.php，直接把Javascript调用传递到PHP函数。
　　·进行了严肃的单元测试。
　　·开源许可(PHP)。

　　XAJAX
　　网址是：http://xajax.sf.net，直接把Javascript调用传递到PHP函数。
　　·使用Javascript代理来调用PHP脚本。
　　·开源。由J.Max Wilson所创。

　　服务器端：Ruby
　　Ruby On Rails(http://www.rubyonrails.org/)是一个通常的强力支持Ajax的web框架：
　　·当Ajax出现的时候Rails还处于其发展的早期，因此Ajax可能逐渐成为Rails框架的核心。
　　·生成浏览器中大多数/全部的窗口小组件和动画的Javascript脚本。
　　·支持服务器端调用。
　　·调度支持。　
　　·开源许可。

Yemoo'S JS Blog 2007-07-06 08:28 发表评论

体验时代的十个基本法则【转自toboshu】

Yemoo'S JS Blog — Tue, 19 Jun 2007 07:07:00 GMT

在这个时代里10个基本法则是：

1、更多的功能并不好

More features isn’t better, it’s worse；

2、增加功能不会让事情更容易

You can’t make things easier by adding to them；

3、让用户迷惑是毁掉业务的终级手段

Confusion is the ultimate deal-breaker；

4、风格很关键

Style matters；

5、只有在一项功能可以提升用户体验时才加上它

Only features that provide a good user experience will be used；

6、任何需要学习的功能都只会吸引一小部分用户

Any feature that requires learning will only be adopted by a small fraction of users；

7、无用的功能不止是无用，它会破坏易用性

Unused features are not only useless, they can slow you down and diminish ease of use；

8、用户不会关心技术，他们只想知道产品能做什么

Users do not want to think about technology: what really counts is what it does for them；

9、忘掉关键功能，关注最重要的用户体验

Forget about the killer feature. Welcome to the age of the killer user-experience；

10、简洁很难，因此少就是多

Less is difficult, that’s why less is more。

Yemoo'S JS Blog 2007-06-19 15:07 发表评论

AJAX中文问题解决方案【转自网络】

Yemoo'S JS Blog — Thu, 10 May 2007 07:55:00 GMT

AJAX中文问题分为两大类：
   1）发送路径中的参数有中文，在服务器段接收参数值是乱码

   例如：
   var url="a.jsp?name=小李"；
   xmlHTTP.open ("post",url,true);
   解决办法：
   利用javascript的提供的escape()或encodeURI()方法
   例如：
   客户端：
   var url="a.jsp?name=小李"；
   url=encodeURI(url);
   url=encodeURI(url); //两次，很关键[具体为什么，我也不清楚]
   /********************************************/
   也有人写成var url="a.jsp?name=escape("小李")"；
   功能和encodeURI方法类似。
   /********************************************/
   xmlHTTP.setrequestheader("cache-control","no-cache");
   xmlHTTP.setrequestheader("Content-Type","application/x-www-form-urlencoded");
   xmlHTTP.setrequestheader("contentType","text/html;charset=uft-8")//指定发送数据的编码格式
   xmlHTTP.open ("post",url,true);
   服务器端：
   String name = request.getParameter("name");
          name = java.net.URLDecoder.decode("name", "UTF-8");
   2）返回来的responseText或responseXML的值中含有中文是乱码
   原因：AJAX在接收responseText或responseXML的值的时候是按照UTF-8的格式来解码的，如果服务器段发送的数据不是UTF-8的格式，那么接收responseText或responseXML的值有可能为乱码。
   解决办法：在服务器指定发送数据的格式：
   在jsp文件中：
   response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件
   或是
   response.setContentType("text/xml;charset=UTF-8");//返回的xml文件

   总结:1)ajax提交数据的格式默认为utf-8,利用javascript的提供的escape()或encodeURI()方法.在服务器端接收的时候要使用java.net.URLDecoder.decode("","UTF-8")方法进行解码.
        2)xtmlhttp 返回的数据默认的字符编码是utf-8,所以服务器要向客户端发送数据的时候,也要采用utf-8编码
          如果上述方法仍然解决不了乱码问题,那你尝试一下把jsp,htm,java文件用UTF-8编码格式保存.
        总之:前后台数据交互都采用utf-8编码就行了.

Yemoo'S JS Blog 2007-05-10 15:55 发表评论

AJAX框架汇总【转自thinkpadleo的专栏】

Yemoo'S JS Blog — Wed, 24 Jan 2007 14:06:00 GMT

基于浏览器的应用框架一般分为两种：

Aplication frameworks:提供了浏览器功能，但其最著名的还是在于通过窗口生成组件建立桌面GUI。
Infrastructural frameworks:提供基本的框架功能和轻便式浏览器端操作，让开发者去创建具体应用，主要功能包括：
- 基于XMLHttpRequest组件的浏览器交互功能
- XML解析和操作功能
- 根据XMLHttpRequest的返回信息进行相应的DOM操作
- 一些特殊情况下，和其他的浏览器端技术如Flash（或Java Applets）等集合到一起应用

基于服务器端的应用框架通常以下面两种方式工作(尽管它们根据不同的语言进行了分类)

HTML/JS Generation(HTML/JS生成)：通过服务器端生成HTML和JS代码在传递给浏览器端进行直接运行
远程交互：JavaScript调用服务器端函数(例如调用Java函数)并返回给JavaScript的回调句柄，或者请求服务器端数据信息，例如Session信息，数据库查询等。

1. Pure Javascript: Application Frameworks

1.1 Bindows (成立于2003年)

Bindows 是一个通过DHTML、JavaScript、CSS和HTML等技术强劲联合起来的一套完整的Windows桌面式的WEB应用程序解决方案。Bindows无需下载安装客户端支撑组件（如Java、ActiveX或Flash），仅需一个浏览器。纯OO的理念体现在Bindows任何地方，Bindows或许是笔者见过的最完整最强大的AJAX应用程序平台。
Bindows是商业程序的，使用了来自于MB的技术(总部位于GA USA，主要开发中心在瑞典，成立于2002年)。

Bindows框架提供的功能和特性有：

基于面相对象技术的类和API
一套完整的Windows桌面系统，支持各种特性窗口模式，包括菜单、表单、表格、滑动条、测量仪器窗口和其他一些Windows窗口特性支持。
是开发zero-footprint(零空间占用)SOA客户端应用程序首选工具包
本机的XML，SOAP和XML-RPC支持
单用户到企业级开发的支持
内建的完美的AJAX支持

Bindows开发环境：

支持企业级规模的项目开发
跨浏览器、跨OS平台的支持
不受服务器结构限制
良好的与新的、现有的资源互操作性
统一的开发接口

1.2 BackBase (成立于2003年)

BackBase 是一个完整的浏览器端框架，提供了丰富的浏览器操作功能，以及对.NET和JAVA平台的集成。
商业化产品，来自于Backbase B.V(总部在Amsterdam，成立于2003年)。

1.3 DOJO (开发中,成立于2004年9月)

DOJO提供完整的轻量级窗口组件和浏览器-服务器消息映射支持

提供创建自定义Javascript窗口组件的框架支持
预制的丰富的窗口类型库
B/S消息映射支持——XMLHttpRequest和其他机制
支持浏览器中的URL操纵功能
开源许可(Academic Free License 2.1)，由JotSpot的Alex Russell所领导。

1.4 Open Rico (开发中;成立于2005年5月;基于早期的一个proprietary 框架)

Open Rico 是一个支持Ajax架构和用户交互的多用途框架。

一个XMLHttpRequest response能被一个或多个的DOM对象，或者Javascript对象调用。
支持拖拽操作
支持基于AJAX的动画模式，如缩放和变换等
基于Behaviors的操作库
使用指南，由RussMirimar的Yonah提供
开源。源于Sabre航空公司解决方案，由Bill Scott，Darren James及另外一些人维护。

1.5 qooxdoo (开发中; 成立于2005年5月)

qooxdoo ，是另一个发展迅猛的应用框架，提供广泛的UI支持，正在开发基础架构等特性。

基础结构特性：
- 能轻易的捕获和操纵DOM事件
- 支持调试
- 支持一个时间操作的Timer类
- Getter/Setter支持
UI:
- 窗口组件库和框架
- 界面布局管理
- 图像缓存和透明PNG图片处理
开源(LGPL).

1.6 Tibet (开发中; 创建于2005年6月)

Tibet 提供了大量的易移植和完整的JavaScript API，通过这些可以快速生成大量的客户端代码，Tibet自称是企业级AJAX。

远程脚本调用封装在XMLHttpRequest中
URI支持
支持所有的HTTP事件，不再仅仅是GET和POST
低级的协议-File://和WebDav也可以当作HTTP正常使用
Web Services调用支持，包括SOAP、XML-RPC等等
大型的Javascript对象库
多种多样的XML操作支持
IDE和开发工具
开源协议(OSI)

1.7 AJFORM (创建于2005年6月)

AJFORM 是一个极易上手的AJAX框架，被用来编写入门级的AJAX代码，提供有以下功能：

三步安装
自动支持任意HTML表单元素
几乎无需编码即可实现AJAX

2 Pure Javascript: Infrastructural Frameworks

2.1 AjaxCaller(创建于2005年5月，目前是Alpha版)

AjaxCaller 是一个具有多线程安全访问的XMLHttpRequest组件，主要针对Ajax开发新手，目前仍处于alpha开发阶段，仅在AjaxPatterns的在线搜索范例中使用了这个程序。

用明文或者XML结构的数据实现和服务器的交互(GET/POST/PUT/DELETE)
支持XMLHttRequest对象的构析(销毁对象，C++支持内存对象的构析操作)
支持Response的高速缓存(尚在计划中)
简单的库文件代码易于新手学习使用，并且支持脚本调试
开源协议

2.2 Flash JavaScript Integration Kit

The Flash JavaScript Integration Kit 可以使Flash和Javascript脚本实现相互集成。

可以实现在JavaScript中调用Flash ActionScript脚本，反之亦然。
几乎支持双方主要数据类型的在不同环境中的传递调用。
开源协议，有几个Flash开源爱好者维护。

2.3 Google AJAXSLT (2005年6月发行)

Google AJAXSLT ，是一个Javascript框架，用来执行XSLT转换以及XPath查询。

目前在Google Map上就使用了这个。
开源协议(BSD)

2.4 HTMLHttpRequest(Beta版；创建于2005年)

HtmlHttpRequest 最大的特点就是运用XMLHttpRequest对象和标准HTML标签IFrame来实现最大限度的跨浏览跨平台的AJAX支持，其原理是在支持XMLHttpRequest的浏览器上调用XMLHttp，如果不支持，就用IFrame来模拟实现异步交互。

目前支持的浏览器：IE6/Win, IE5.5/Win, IE5/Win, IE4/Win, Mozilla/Win, Opera7/Win, Safari/Mac, IE5/Mac
尚未测试的浏览器：IE4/Mac, Mozilla/Mac, Opera/Other, Konqueror/Linux。
开源协议(LGPL)

2.5 Interactive Website Framework (创建于2005年)

Interactive Website Framework 定位在浏览器中支持各种各样的AJAX基础应用的开源项目。自称是通过JavaScript、CSS、XML和HTML实现高性能的交互式WEB框架，包括一个可定制易读的XML解析器。实际上，IWF是一个AJAX的基础框架，并且还包括一些通用脚本代码。

实现了线程安全的XMLHttpRequest
对XML Document进行封装，以便创建更具有可读性的代码：
var node = doc.groceries.frozen[0].pizza[0].size;
封装后的数据读取
var node = doc.documentElement.firstChild.firstChild.getAttribute("size");
原始的DOM操作读取
开源协议

2.6 LibXMLHttpRequest (2003年6月发布)

libXmlRequest 是一个小型XMLHttpRequest封装包

用getXML()和postXML()两个事件简化XMLHttpReuqest调用
支持XMLHttpRequest对象池
Response缓存处理
源码可以使用，但是有版权保护。

2.7 MAJAX

MAJAX 是另一个非常小巧的HttpRequest封装包，为收发字符型信息提供简单接口，并为每步动作设置回调界面。

2.8 RSLite (x)

RSLite 是一个XMLHttpRequest封装组件，作为Brent Ashley的JSRS(JavaScript Remote Scripting)其中的一部分功能单独发布。详情可以看JSRS的介绍

2.9 Sack(开发中，成立于2005年5月)

Sack 也是一个很有名字的微型XMLHttpRequest封装包。调用者可以自定义回调函数或者是DOM对象。借助于回调DOM对象，可以把Response回来的数据直接以文本的方式嵌入DOM中。

2.10 Sarissa (发布于2003年2月)

Sarissa 是一个JavaScript API，封装了在浏览器端独立调用XML的功能。

可移植的XMLHttpRequest对象创造
可移植的XPath查询
可移植的DOM操控
可移植的XSLT
可移植的XML序列化
开源协议(GPL2.0和LGPL2.1)

2.11 XHConn (2005年4月发布)

XHConn 也是一个小型的XMLHttpRequest封装库。笔者也使用改良过的XHConn，其特点就是调用简单，代码也清晰易读。

例子：
new XHConn().connect("mypage.php"，"POST"，"foo=bar&baz=qux"，fnWhenDone);
开源协议许可

3 Server-Side: Multi-Language

3.1 Cross-Platform Asynchronous INterface Toolkit (2005年5月)

CPAINT 是一个真正的同时支持PHP和ASP/VBScript脚本的AJAX和JSRS工具包。CPAINT在后台提供你需求的AJAX和JSRS代码，并自动返回到浏览器端相应的Javascript脚本代码，这种方式易于实时反馈需求的WEB应用程序。

支持PHP和ASP
所有功能函数都在统一的JavaScript文件中
支持远程脚本和XML
支持本地和远程函数调用
可以创建单个或多个XMLHttp对象
返回给后台的数据即可以是文本也可以是XML/DOM文档对象
支持POST和GET
用服务端代理的方式实现远程函数和数据的访问操作
大部分浏览器中测试正常使用
在GNU、GPL、LGPL开源协议保护下发行

3.2 SAJAX (2005年3月)

SAJAX 的实现方式很独特，例如：调用一个javascript方法x_calculateBudget()，将先把响应传到服务器并调用一个Java calculateBudget()方法，然后以javascript方式把值返回到x_calculateBudget_cb()中。SAJAX的名气不错，估计很多人都听过甚至用过，不过缺点就是它的这套映射理论感觉较繁锁，远不如一些轻量级的封装库好用，不过SAJAX最大的特点就是支持的平台丰富，几乎囊括了WEB下常用的编程语言和平台

很方便从JavaScript函数映射到服务端代理操作
支持多种平台(ASP/ColdFusion/Io/Lua/Perl/PHP/Python/Ruby)
开源协议

3.3 Javascipt Object Notation (JSON) and JSON-RPC

JSON 是一个"face-free" XML，而JSON-RPC是一种远程交互协议，类似于XML-RPC，对JavaScript支持较强

支持多服务端平台 : Java, Python, Ruby, Perl.
针对不同的平台有不同的包和许可协议, 如JSON-RPC-Java.

3.4 JavaScript Remote Scripting(JSRS)(2000年)

JSRS ，较经典的远程脚本访问组件，支持将客户端数据通过服务器做代理进行远程的数据/操作交互。

支持的浏览器：IE4+，NS4.x，NS6.x，Mozilla，Opera7和Galeon。
服务器端脚本语言支持：ASP，ColdFusion，PerlCGI，PHP,Python和JSP(servlet)。
开源协议。由Brent Ashley提供支持。

3.5 Bitkraft for ASP.NET

Bitkraft 是个基于(.NET)Web框架的CLR(公共语言运行库)，允许用独特的方式创建和操作分布式Web内容。用C#编写，运行在微软的.NET 1.1和Mono框架下，无缝式的客户端-服务器响应方式是它的最大特点。Bitkraft没有使用XML组织数据，而是用JSON代替。

支持的浏览器： IE5+, Firefox1+, NS6
服务器端要求：ASP.NET, Mono XSP, Cassini, Apache (modMono) .NET Framework 1.1+
事件驱动
支持同步和异步的远程代理
客户端支持所有的.NET类型或自定义类对象映射到JSON中
用JSON取代XML
免费，开源许可协议

4 Server-Side: Java

4.1 WebORB for Java (2005年8月)

WebORB for Java 是一个开发AJAX和基于Flash的富客户端应用程序的开发平台。在线例子

WebORB包括一个富客户端开发类库。提供简单的在线式API用来绑定或者调用任何Java对象、XML Web Services和EJB
支持异步或同步的事件驱动
不需要在服务端修改任何代码，不需要自定义方法或属性、变量等。不要求设计时指定代理等。
同步调用不需要回调，异步调用需要一个回调方法。
客户端可以向服务端请求指定的活动方式，不需要任何编程就可以把处理结果轻易的转变为状态。
提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个类似于RecordSet的JavaScript对象来显示这个结果。该对象提供检索列名和行数据的方法。
支持数据分页技术。客户应用程序能检索页面中的数据。
支持以参数的方式返回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references
目前有两个版本：标准版(免费)，专业版(商业许可)

4.2 Echo 2 (2005年3月)

Echo 2 允许你用纯Java语言编写AJAX程序。 Demo.

自动生成HTML和Javascript代码
用XML在客户端-服务端传递消息
如果愿意支持自定义Javascript组件
开源协议(Mozilla Public License or GNU LGPL)

4.3 Direct Web Remoting (DWR) (2005)

Direct Web Remoting 可以在Javascript代码中直接调用Java方法的应用框架

类似于SAJAX，可以把Javascript中的请求调用转递到Java方法中并将执行结果返回给Javascript
可以和任何Web框架一起使用，如Struts、Tapestry等等
开源(Apache)，目前该产品被加入到WebWork中

4.4 SWATO (2005)

SWATO 是一套可重用的和良好集成的Java/JavaScript库，它实现了一种更容易的方式来改变你的web应用程序的交互，通过AJAX方式实现。

服务端Java库可以非常容易的部署到所有Servlet2.3+兼容的容器中
客户端Javascript库可以在所有支持XMLHttpRequest的浏览器中使用
使用JSON技术在服务端组织POJO数据，这样你可以在任何Javascript环境中(HTML、XUL、SVG)访问这些远程数据，这种方式很容易通过硬编码或者某种成熟的Javascript库集成到当前应用中
提供一个简单接口使你能在Javascript中调用远程的POJO数据
使用和灵活的在web.xml中进行配置，并且可以集成(不是必须)到你的Spring框架中
提供了几个可帮助你快速开发web应用程序的组件(如自动完成的文本框，在线表单，在线列表等等)

4.5 AJAX JSP Tag Library

The AJAX JSP Tag Library 是一组JSP标签库，用来AJAX程序开发。可以在J2EE下无需Javascript就能轻松开发AJAX模式的Web Form。标签库为比较通用的AJAX功能提供了5个标签：

autocomplete: 用户在文本框中输入字符，自动从指定的数据中匹配用户输入的字符，类似于Google Suggest
callout:可以为A标签加入气泡式的消息提示框，不过是实时的服务端取出数据
Select/dropdown:类似于联动菜单，比如地州市的联动下拉框
toggle:开关闸按钮，比如在一个hidden表单域中存储true和falsh，同时显示相应的img图像
update field:更新数据，也就是无刷新提交了。

4.6 AJAX Java Server Faces Framework

The AJAX-JSF 用来把任意的JSF应用程序转变为AJAX应用程序

例子：AJAX组件的 MyFaces JSF Tree(树型目录), table scroller(可滚动的表格), tabbed pane(分页栏)
开源协议(Apache Software License)

Server-Side: Lisp

5.1 CL-Ajax

CL-Ajax 实现Javascript直接调用服务端Lisp

生成可带参数的函数
可以回调Javascript函数或者DOM对象
可以集成到SAJAX中
开源许可

6 Server-Side: .NET

6.1 WebORB for .NET (2005年8月)

WebORB for .NET 是一个用.NET和XML Web Services方式开发AJAX和基于Flash的富客户端应用程序(在线例子)

WebORB包括一个富客户端开发类库。提供简单的在线式API用来绑定或者调用任何.NET对象、XML Web Services
支持异步或同步的事件驱动
不需要在服务端修改任何代码，不需要自定义方法或属性、变量等。不要求设计时指定代理等。
同步调用不需要回调，异步调用需要一个回调方法。
客户端可以向服务端请求指定的活动方式，不需要任何编程就可以把处理结果轻易的转变为状态。
提供一个特定API来处理数据库查询结果-服务器代码能返回DataSet或者DataTable，而客户端以一个类似于RecordSet的JavaScript对象来显示这个结果。该对象提供检索列名和行数据的方法。
支持数据分页技术。客户应用程序能检索页面中的数据。
支持以参数的方式返回所有服务期端数据类型，如primitives, strings, complex types, arrays, native .net collections, remote references
目前有两个版本：标准版(免费)，专业版(商业许可)

6.2 Ajax.NET (2005年3月)

Ajax.NET 是首家支持各种方式通过Javascript访问服务端.net的免费库

类似于SAJAX，能把Javascript请求发送到.NET方法，服务端回传给Javascript，甚至包括串行化自定义类。
可以在Javascript中访问Session和Application数据
缓存查询结果
免费使用源代码
无需更改源代码，允许给Ajax.NET添加和修改方法和属性
所有类支持Javascript客户端返回数据，可以在JavaScript中使用DataSet：res.Tables[0].Rows
使用HtmlControls组件访问和返回数据
页面无需重载，用事件代理(数据访问层)
因为只提供一个调用接口方法，所以服务端CPU占用非常少

6.3 ComfortASP.NET (2005年8月)

ComfortASP.NET 可以让开发者在纯.NET下开发类似AJAX(DHTML,JavaScript,XMLHttp)特性的应用程序。

快速应答
减少HTML传输
减少页面重载
无闪烁的浏览器内容更改
AJAX用户体验，

6.4 AjaxAspects (2005年8月)

AjaxAspects 是个可以用Javascript调用服务端WebService事件的引擎

用标准的SOAP和WSDL进行服务端-客户端通信
用简单的类型和XML对象支持带参数的返回值
缓存支持
动作队列
免费使用，开源协议

7 Server-Side: PHP

7.1 AjaxAC (2005年4月)

AjaxAC 用一个单独类封装了完整的应用程序功能

所有的功能集成在自包含的类中(另外附带一些Javascript库)
调用PHP文件或者HTML页面非常简易，只需创建App类后把类引用传递给需要调用的Javascript对象或者HTML元素即可。
捕获Javascript事件
可以自定义配置数据，并且支持运行时参数更改
无需再Javascript代码中夹杂凌乱的Html代码，所有事件都是被动态附加上的
由于以上两个优点，所以支持良好的模版引擎
容易Hook到PHP类和MySql数据已返回给自己的request
能够容易的用Javascript建立窗口模式应用程序。

7.2 JPSpan

JPSPAN 通过Javascript直接调用PHP中的函数。

进行了严谨的单元测试
开源许可(PHP)

7.3 XAJAX

XAjax 通过Javascript直接调用PHP中的函数

支持用Javascript调用PHP脚本
开源许可协议

8 Server-Side: Ruby

8.1 Ruby On Rails

Ruby On Rails 是一个支持AJAX的完整Web框架，使用Ruby语言编写，严格按照MVC结构开发。

当Ajax出现的时候Rails还处于其发展的早期，因此Ajax可能逐渐成为Rails框架的核心。
生成浏览器中大多数/全部的Window应用组件和动画的Javascript脚本。
支持服务器端调用。
队列支持
开源许可

Yemoo'S JS Blog 2007-01-24 22:06 发表评论

xhtml的三种标识body > div、,!important　、/**/！用法【摘自蓝色经典】

Yemoo'S JS Blog — Wed, 16 Aug 2006 18:14:00 GMT

Body ＝ Ancestor (祖先或长辈)
DIV = ID selector = Parent （父辈）
ul, li = Descendeants of the DIV （后代子孙）

!important ＝主要用于IE Hacks.
/**/ = IE／Opera的 Hacks 及Filters 使用。凡使用Hacks 或Filters 的网站，通用说法叫 "Quirkmode".
许多 Hacks 及Filters 的使用，主要是让网站在IE5和 Opera ５／6， Netscape 4.x 等浏览器上能正常显示。以今天的浏览器来说，Hacks已经不太需要了，不过IE 6 还是很多问题，许多网站设计师还是的使用Hacks。

这网站记载了所有经已发现的IE bugs及解决方法（hacks）
http://www.positioniseverything.net/explorer.html

body>div 是Hacks 的方法，主要针对Opera浏览器。

举个例子：

div.myDiv { width: 200px; }
myDiv 的字体是黑色。

html>div.myDiv 或 body>div.myDiv {
html>body div.myDiv { width: 200px; }
是告诉Opera div.myDiv 的字体显示为红色。

只要在google 里寻找Opera 或IE hacks，你会更了解如何使用 !important 或
/**/ 或 body>div

Yemoo'S JS Blog 2006-08-17 02:14 发表评论

prototype.js开发详解【老外的网站】

Yemoo'S JS Blog — Mon, 03 Jul 2006 11:12:00 GMT

http://www.sergiopereira.com/articles/prototype.js.html

Yemoo'S JS Blog 2006-07-03 19:12 发表评论

prototype.js开发笔记【转载自java.net】

Yemoo'S JS Blog — Mon, 03 Jul 2006 10:50:00 GMT

摘要: 覆盖版本 1.3.1 1. Prototype是什么? 或许你还没有用过它， prototype.js 是一个由Sam Stephenson写的JavaScr... 阅读全文

Yemoo'S JS Blog 2006-07-03 18:50 发表评论