我有一朋友做网站，用jQuery的Ajax方法从后端载入一段HTML代码然后动态插入到网页的Div元件中。这个东西太普遍了。jQuery强大的load方法可以完成这个事情。朋友的代码是这么写的：

[javascript]var tab = jQuery("#dynamic_tab");
var url = "/list_ajax/";
tab.load(url);[/javascript]

简单到不能再简单了。在Chrome，Firefox，Safari下运行一点问题也没有，只有IE不行，不管是IE7，IE8，还是IE9。问题的症壮是，使用IE访问那个Ajax的链接，没有问题，但是在jQuery的Ajax方法返回了“undefined”的respons对象。没有任何报错！

怎么搞也搞不定，只好Google了一下——“jQuery load IE”，一看，很多人都在问这个问题。于是开始了散弹枪编程方式。

排在第一的就是StackOverflow被浏览了33K次的这个问题：jQuery’s .load() not working in IE – but fine in Firefox, Chrome and Safari，答案没有被打勾（不靠谱），StackOverflow还有很多人问相似的问题，不过都没有答案。不管三七二十一，先试了一下，散弹枪嘛。试了半天都没有用。

然后上Google查，又看到有人说的IE缓存的问题，什么，要把cache设置成false，或是用下面的方法来解决：

[javascript]var tab = jQuery("#dynamic_tab");
var fuckie = Math.random();
var url = "/list_ajax/"+"?fuckie="+fuckie;
tab.load(url);[/javascript]

反正还是一样，统统不Work，几乎所有的都试了，都不Work。搞了一天的朋友恼怒道：“Microsoft应该快点倒闭吧，产品太烂了”。IE的确是太烂了。

于是我用IE9的网页调试器可以看到点了Ajax的链接后，IE对网站有http的Ajax请求，也可以看到请求返回了，但是就是不显示在我的页面上——jQuery的Ajax的responseText为undefined!

对于我这个老家伙，对jQuery也不熟，我只得开始调试jQuery的代码，想看看里面干了什么，报了什么错？调了一个小时，基本上把jQuery的Ajax的封装看懂了七七八八了，但是还是没找到为什么有问题。

于是，我只得架起原生态的Ajax，看看IE的那个Ajax的ActiveX的对象干了什么事？写了下面的代码（当年写Ajax就是这么写的，所以也不费劲，况且网上还有例程可以抄）：

[javascript]
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!=’undefined’) {
ajax = new XMLHttpRequest();
}
return ajax;
}

var ajax = InitAjax();
ajax.open("GET", url, true);
ajax.onreadystatechange = function() {
if (ajax.readyState == 4 && ajax.status == 200) {
var show = document.getElementById("HaoChenDIV").value;
show.innerHTML = ajax.responseText;
}
}
ajax.send(null);
[/javascript]

一运行，还是不行，没见IE报什么错，不过，可以确定这不是jQuery的问题了，估计还是我们自己程序的问题。不过此时的程序太好调试了，调试中，在IE9下调式发现原生的IE的Ajax对象在onreadystatechange函数里，其responseText是下面这个样子：

什么是“系统错误: -1072896658”？上google一查，一堆页面，基本上是说乱码了，也就是ajax的后端程序返回的网页编码不认识吧。需要在返回的http header里加上 charset=utf-8。

于是，修改后端的Ajax的程序，明确指定了返回的HTTP Header中的charset，于是IE下就工作正常了，再切回jQuery的load代码，一切正常了（后端的程序本来是utf-8的编码格式，但是不骨明确在HTTP Header中指定，但是只有IE不会自动检测）。

这个问题的原因就是因为我们没有按照规范去写网页。所以，举一反三，HTML的规范还有哪些，太多了，记也记不住。但也许你会知道有一个叫 http://validator.w3.org 的网站可以帮你校验你网页中的很多不规范的东西。这个工具会报很多很多错，很多都有点吹毛求疵，不过，可以让你看看（注：今天的coolshell装了很多插件，也被我调过一些东西，所以出错很多，我还记得以前没有插件没有我定制化的样式的时候，Wordpress一个错都不报）。

后记

我把这个问题和过程分享出来，主要有这么几个目的，并抛出几个问题，大家可以思考一下：

1）这个问题网上有很多人都在报，但是基本上找不到答案（包括StackOverflow），所以，我分享出来，填补一下空白。

2）我相信我们的程序员天天都在经历这样的事，我不知道大家在遇到这样的事情会怎么做？也许大多数人都在网上查各种解决方案，然后一个一个的试，直到试对了——散弹枪式的编程，呵呵。当然，大多数答案都是可能找到的。但当我们找到答案了后，我们还会深入去了解这个问题的具体原因并举一反三地去思考一其周边的东西吗？

3）另外，在今天这样N多框架，N多lib，N多开源的年代下，不知道大家有没有失去了从零开始自己写代码的能力？比如上面的这个问题，不知道有多少人还会自己写原生态的Ajax？不过，我还是建议大家能在使用各种框架的时候，明白那些最基础的知识，求甚解，知其然知其所以然，真的很重要。

我是从那个“吃糠的年代”过来的程序员，那时的程序员什么都要自己干，很辛苦，今天我和很多人说我以前的那些经历，会被笑话，但是我从这些什么都自己的干的年代过的经历，让我受益很多。我把我的想法分享给大家，希望对大家有用。

(全文完)

• 先是一个《Windows Internal》第五版的第五章的电子版（英文的），你可以在这里下载。关于其它一些电子书，你可以看看本站的这篇文章《免费电子书列表》、《非常不错的编程技术教程》、《超过100本的linux免费书籍》和《20本最好的Linux免费书籍》

→

• http://www.3dtin.com/是一个用纯Javascript搞的一个3D作图的网站，Javascript是越来越强大了。这个演示可以让你看到以后Web应用的潜力。关于Javascript的一些东西，你可以参看本站的这些文章《JS1K 演示》、《又一个Javascript试验田》、《一个Windows 3.1的Web网站》、《哥是玩程序的》。

→

• 说到这些很酷很炫的东西，大家一定会想到使用Flash，不过，目前的Flash正在受到HTML5的强力挑战，目前，对于HTML5的展示网站很多，让我们看到了HTML5完全可以做出Flash的样子，比如前些天本站说到的这个演示，还有给大家展示的纯HTML5的小游戏，不过，那些都是一些演示和展示罢了。今天在网上看到一个更强大的HTML5游戏，相当有可玩性，大家不妨一去试玩：http://www.phoboslab.org/biolab/

→

• HTML5 可以应用的还不只是游戏，这不，有文章指出，用VexFlow还可以很轻松地在网页上发布乐谱。而这个网页还可以让你制作Hi-PoP音乐。

→

• 说到Web开发，就得要提CSS了，这里有一个在线编辑CSS的网站，很不错，http://css3.mikeplate.com/。关于CSS和Web开发的一些文章，你可以查看本站的CSS的Tag。现在，这种在线的东西是越来越多了，比如：《Emacs配色在线生成器》、《Coderun.com 在线开发IDE》、《正则表达式生成器》、《Ajax开发利器UIzard》、《一个在线的画UML图的网站》。

→

• 说起在线服务，就不得不说说在线代码编译的服务，我觉得这种服务相当好，不需要你在本机安装编译器或IDE，想试试某个语言的语法，真接上网就OK，很方便。以前本站向大家介绍过《在线代码编译服务Codepad.org》其支持：C，C++，D，Haskell，Lua，OCaml，PHP，Perl，Plain Text，Python，Ruby，Scheme，Tcl。当然，在这里，向你介绍一个可以运行Go语言的：http://golang.org/doc/play/

→

• 说起Web开发，很自然的就能想到UI。下面是一个UI的设计Patterns，这篇文章告诉了我们12个比较常用或是经典的图形UI Patterns。关于UI方面的话题，你可以参看酷壳的《35个强大的UI设计教程》、《UI的恶梦》和《史上最糟糕的网站》。

→

• 说起Web的界面，最让各位WEB开发者痛苦的就是网页兼容性问题，IE是一个恶梦，因为其自己和自己都不兼容，在MSDN上，有这样的一个网页说明了从IE5一直到IE9的CSS的兼容性问题，很多很多的表格，头都看大了。当然，以前本站的《检查网页浏览器的兼容性》的文章向你介绍过如何查看网站在不同浏览器中和操作系统下的效果（其也是一个在线服务）。

→

• 当然，Web上的开发，问题最大的还是安全问题，我们的Ruby on Rails给出了一个Web安全的开发教程，相当不错哦。谈到了几乎所有最有威胁和最常用的网上攻击，这个文档应该是所有Web开发者都需要注意的。

→

• 下面是一个给新手学习linux用的一个桌面（点击图片看大图），其列出了很多常用的命令，以及VI的常用命令。关于VI的一些东西，你可以查看本站的这些文章，如：VIM有趣的命令、如何在vim中得到你最喜爱的IDE特性

→

• 最后，给大家介绍一个关于文件格式方面东西，我们知道，很多文件的开头表明着这个文件的类型，所以，有这样的一个网站了维护了这么一个信息列表，其把几乎所有常见的文件头的那段和文件类型相关的Magic Number列了出来，而且还保持更新，非常不错哦，这个网站是：http://www.garykessler.net/library/file_sigs.html，希望能对你有用哦。

→

• 最最后，给大家介绍一个开源项目，叫Structure Synth，这个东西可以用来画出一些很酷的图，相当不错，使用起来非常简单，我试用了一下，的确很强大。用一些简单的脚本就可以作出很不错的3D图，下面是他的一个示例，只需要写那么不到10行的代码，很简单。

想看看，大家用这个东西做什么酷图了吗？上 http://www.flickr.com/groups/structuresynth/ 看看吧。

（全文完）

你可以理解为这是一个Web开发的IDE，不过其集成了Ajax方面的东西。这并不仅仅简单的是那种“所见即所得”的编辑器。而且，它也不信仅可以让那些非程序员非常简单地创建一个从前端到后端的Web应用，而且，他还可以让你连接数据库，创建非常复杂的布局和时间线，甚至于一些套件（白板，在线的类Word，Excel，PPT等功能），所有这些，你只需要简单的点几下按钮就可以了。真是相当的强大。（下面是个抓图）

看上去很不错吧，上面的的屏幕抓图展示了，你可以非常简单地嵌入一些Google的API。而且，你还可以设置RSS相关的功能，是的，源代码是很复杂的，但是有了这个工具，你所需要的就是用鼠标点来点去。

最NB的是，你不需要在你的硬盘上安装这个工具，你完全是一个基于Web的在线IDE，真是太强大了，这是我最最欣赏的地方，真是令人难以置信。

最后需要说的，这个工具的作者是一个韩国人，叫 Ryu Sungtae（韩国人的软件MS越来越猛了，比如那个著名的Kmplayer也是韩国人做的）， UIzard 由 Yahoo’ User Interface Library (YUI) 构造，这是一个基于Javascript 的用于创建各种交互式应用的程序库。虽然，目前的UIzard 只是Beta版，版本号还很新，0.9版，不过，这个项目的潜力是相当的大，值我们关注。

其官方站点是：http://www.uizard.org/ 

如果你想体验一下，那么，请你猛击下面的链接吧：（使用Fixfox效果更好）

http://www.uizard.org/UIzard/uizard.php

(全文完)

1. AjaXplorer

AjaXplorer 是一个免费的 Ajax 文件管理器，其很容易安装。而且它的布局很丰富，可以用于多种应用，比如：文件管理，文件共享，图片库，代码库等等。不过它只支持(4 呀 5) ，不支持数据库。

• 改名/拷贝/移动/删除/下载文件或目录。
• 以进度条的方式上传多个文件 (需要Flash 支持，不支持https)
• 创建目录和空文件。
• 编辑纯文本文件和代码 (js, php, html, java, sql, perl)，支持语法高亮。
• 查看图片，有缩略图功能。
• 可以在线地播放MP3文件。
• 在线地查看Flash videos (FLV) 文件。
• 可以在线地浏览或解压ZIP 文件。

链接：

• 下载：http://www.ajaxplorer.info/download/
• 演示：http://www.ajaxplorer.info/demo/

2. fileNice

fileNice 是一个免费的PHP文件浏览器。

链接：

• 主页：http://filenice.com/
• 演示：http://filenice.com/demo/

3. File Thingie

File Thingie 是一个小型的文件管理器。由PHP写成。他主要的目的是提示一个WEB界面的文件管理器（如果你不能使用或是不会使用FTP）。通过File Thingie你可以完成下面这些事：

• 安装简单— 只有一个文件
• 多文件上传
• 多用户和用户组
• 创建子目录
• 改名，移动，删除，拷贝文件和目录
• 搜索文件或目录名
• 通过黑/白名单进行文件级的存取控制
• 编辑纯文本文件
• 在线Unzip 文件
• 非常容易地进行CSS界面定制
• 支持多国语言

链接：

• 教程：http://www.solitude.dk/filethingie/tour
• 下载：http://www.solitude.dk/filethingie/download

4. MooTools based FileManager

MooTools based File-Manager 提供了预览，上传和修改文件和目录的功能。其主要功能如下：

• 浏览文件和目录
• 改名，删除，移动（拖放）,拷贝（Ctrl+拖放）和下载
• 查看文件细节和预览图片文件，文本文件，压缩文件和音频文件。
• 非常不错的UI设计 
• 通过FancyUpload 上传文件
• 提供在上传时自动缩放图片尺寸的选项

链接：

• 演示：http://og5.net/christoph/Scripts/FileManager/Demos/
• 下载：http://og5.net/christoph/article/MooTools_based_FileManager

5. Relay

Relay 是一个极牛的Ajax 文件管理器。在上传和下载文件它做得相当出色。下面是它的一些功能：

• 可以随意拖放文件和目录
• 动态地载入文件目录结构 
• 上传文件进度条 
• 缩略图预览（包括PDF文件） 
• 多用户和帐号

链接：

• 演示：http://ecosmear.com/relay/demo/
•  主页：http://ecosmear.com/relay/

6. Kae’s File Manager

KFM 是一个在线的文件管理器，它可以单独使用或是以一个插件的方式给一些编辑器使用。比如这些编辑器：FCKeditor 或TinyMCE。KFM 是一个开源的免费的项目，下面是它的一些特性：

• 鼠标拖放功能
• 图标显示，列表显示
• 支持插件
• 图片操作，幻灯片播放
• 简单的安装和升级
• 文本编辑时语法高亮
• 搜索引擎
• 标签
• 多语言
• mp3 和视频播放插件

链接：

• 演示：http://kfm.verens.com/demo/1.3.1/?lang=en
• 主页：http://kfm.verens.com/

7. eXtplorer

eXtplorer 特性如下：

• 文件目录浏览
• 编辑，复制，移动，删除文件
• 搜索，上传和下载文件
• 创建和释放压缩文件
• 创建文件和目录
• 更改文件和目录权限
• 其它更多更多的内容

链接：

• 主页： http://extplorer.sourceforge.net/

1. RoundCube

RoundCube Webmail 是一个基于浏览器的IMAP 客户端，其提供了丰富的功能，包含MIME，地址本，文件夹操作，邮件搜索和拼写检查。 RoundCube Webmail 由 PHP写成，需要 MySQL 或 Postgres 数据库的支持。其UI完全遵守于XHTML 和 CSS 2.

2. Zimbra

Zimbra 提供了一个开源的邮件和日历系统，也是基于Ajax技术，非常强大的客户端，他可以通过web service集成第三方的应用“mash-ups” ，于是你可以享有CRM，地图或其它更多的功能。

3. Xuheki

Xuheki 是一个很快的 IMAP 使用AJAX技术开发的客户端。你能想到的功能它基本上都有了，它使用的是 GNU General Public License.

4. SquirrelMail

SquirrelMail 这是一个中规中矩的webmail，PHP语言写成，并没有使用AJAX技术，所以并不是很炫，不过它是使用了纯内建的PHP功能支持了IMAP和SMTP。所有的页面都是纯HTML 4.0 (没有任何JavaScript) ，这样的目的主要是为了最大化兼容于不同的浏览器。

5. Atmail

AtMail, 一个免费的轻量级的 Ajax Webmail 客户端，由PHP写成，支持WEB和WAP。

6. afterlogic

AfterLogic WebMail Lite PHP 是一个非常易用的 webmail 但其界面又非常Cool，其支持 AJAX 和皮肤。支持POP3 和 SMTP。支持收发邮件，多附件，多帐号，多域，邮件预览，站点管理。安装非常容易，需要PHP 4.1+，完全开源并完全免费。

7. Hastymail

Hastymail 是一个有完整功能的 IMAP/SMTP 客户端，由 PHP 写成。兼容于 PDAs, 手机, 文本浏览器，以及所有的主流浏览器。 Hastymail 有强大的 插件 系统，因为PHP程序员可以随意地改变或增加自己想要的插件。

8. Mailr

Mailr 是一个开源的 webmail 由 Ruby写成，它使用 Ruby On Rails 的web application 框架。

9. Claros inTouch

Claros inTouch 是一个Ajax 消息套装其包含了主要特性有webmail，地址本，记事本，日历(还在开发)，网络硬盘 (还在开发)，内建的即时聊天，以及RSS阅读器。这是第一个开源的webmail其包含了内建的垃圾邮件保护和即时聊天功能的项目。但主要使用了Java语言，利用 JSP/Servlets 及 J2EE技术和 MySQL 数据库。

10. Postaci

Postaci 是一个基于 PHP 的POP3/IMAP 邮件客户端，其支持 SMTP 认证。 其使用MySQL, mSQL, Microsoft SQL, Sybase 或PostgreSQL数据库。

文章：来源

http://jquery.com/

如果今天你还不知道jQuery的话，那么作为一个程序员你可能真的是从火星来的了。这恐怕是Ajax中应用最广的框架。包括了许多很不错的UI组件，做出网页的效果也是令人称道的。不过，他最牛的是它的文件大小，只有区区18K，实在是居家旅行，网站开发之首选。

 下面是一个日历控件，很不错吧。

http://prototypejs.org/

一个面向对象的javascript类库，包函了很多很多很实用的功能，很多其它的框架都使用了他作为基础类库。大小128K，有点大，还好。下面一其一个UI的示例。

http://script.aculo.us/

这个框架是基础上面那个框架（Prototype ）上开发的，它被包含在Ruby on Rails框架中（http://rubyonrails.org/）。

http://mootools.net/

这是一个紧凑的，模块化的，面向对象风格的javascript框架，这并不是一个能直接用上的Javascript，他主要给程序员们方便地进行开发更高级的组件，因为这个框架主要是面对开发人员的，所以他是非常灵活和非常强大的。也不大，才63K。

http://extjs.com/products/extjs/

这是一个超级强大的Javascripts类库，简直是包罗万像，就像机器猫的口袋，想要什么就有什么。UI组件多的是令人发指，功能也是强大到不行。当然，其类库的尺寸也是强大到不行，一共6.6M，还是被压缩过的。看看下面的UI示例吧，这只不过是冰山一角。

我个人认为这个是所有框架里面最好的一个。

http://qooxdoo.org/

Exjs才6.6M，这个javascript类库居然有19.9M，正所谓一山还有一山高，没有最BT，只有更BT。它包括一个独立于平台的开发工具链，一个最先进的图形用户界面工具和先进的客户端与服务器之间的通讯层。下面是其UI示例：

http://developer.yahoo.com/yui/

如果你不知道YUI的话，那么我想告诉你的是，你一定是在离地球20亿光年的亚美尼亚星居住。这个YUI类库也是包罗万象，他最好的不但是条件非常宽松的BSD的License，而且，你不必像别的类库一下，管你用不用你都要全部文件。YUI除了基础库外，你用多少就下载多少。这么丰富的UI也只有10.5M的大小，还OK了。下面是一个演示：

http://www.mochikit.com/

一个很轻量级的类库，主要实际了异步请求的若干功能。

http://www.midorijs.com/

又一个轻量级的类库，没有用过。只有45K大小。主要是一些UI上的美化吧。

示例： 

http://www.dojotoolkit.org/

又一个超强大的类库，提供了非常丰富的UI。BSD的license，大小1.7M，看看下面的UI示例你就知道有多强大了。

文章：来源

Auto Complete Scripts

1. AJAX AutoSuggest

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

Instant Editor Scripts

6. AJAX inline text edit 2.0

7. AJAX & CSS Flickr-like Editing Fields

8. AJAX Instant Edit

Tab and Menu Scripts

9. 14 Tab-Based Interface Techniques

10. AJAX Accordion Navigation

11. AJAX Dialogs, Menus, Grids, Trees and Views

12. AJAX Tab Module – Closeable Implementation

13. Ajax Tabs Content

14. MooTabs – Tiny tab class for MooTools

15. Dynamically loaded articles

Calendar/Datetime Scripts

16. AJAX Datetime Toolbocks – Intuitive Date Input Selection

17. AJAX Calendars

Interactive Elements Scripts

18. AJAX Floating Windows

19. AJAX Star Rating Bar

20. Ajax poller

Developer’s Suite Scripts

21. AJAX HistoryManager, Pagination

22. AJAX Login System Demo

23. AJAX image preloader

24. AJAX Tooltips: Nice Titles revised | Blog | 1976design.com

25. 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine

26. AJAX Web Controls

27. AJAX syntaxhighlighter

28. Transparent Message

29. ModalBox — An easy way to create popups and wizards

30. Chained select boxes

31. Fly to basket

32. AJAX Key Events Signal

33. Disable form submit on enter keypress

Enhanced Solutions

34. AJAX Instant Completion

35. Novemberborn: Event Cache

36. Altering CSS Class Attributes with JavaScript

37. Select Some Checkboxes JavaScript Function

38. AJAX Emprise Charts

39. amCharts: customizable flash Pie & Donut chart

40. PJ Hyett : The Lightbox Effect without Lightbox

Forms

41. AJAX Upload Form

42. An AJAX contact form

43. AJAX contact form

44. Ajax.Form

45. Ajax form validation

46. Really easy field validation

47. AJAX fValidate

48. Ajax newsletter form

49. wForms

Tables and Grids

50. Data Grids with AJAX, DHTML and JavaScript | Smashing Magazine

51. Grid3 Example

52. AJAX Table Sort Script (revisited)

53. AJAX Sortable Tables

54. AJAX TableKit

Showcases, Galleries, and Lightbox Scripts

55. 30 Scripts For Galleries, Slideshows and Lightboxes | Smashing Magazine

56. AJAX LightBox, Sexy Box, Thick Box

57. AJAX Lightbox JS

58. AJAX Unobtrusive Popup – GreyBox

59. SmoothGallery: Mootools Mojo for Images | Full gallery

60. AJAX Libraries and Frameworks

Animation and Visual Effects Scripts

61. How to Create Digg Comment Style Sliding DIVs with Javascript and CSS

62. How to Create a Collapsible DIV with Javascript and CSS

63. How to Create an Animated, Sliding, Collapsible DIV with Javascript and CSS

64. AJAX Shopcart

65. Draggable content

66. Dragable RSS boxes

67. AJAX Pull Down Effect

68. AJAX Animation Effects

69. Combination Effects in scriptaculous wiki

70. AJAX Motion Transition

Useful Javascript Scripts

71. 9 Javascript(s) you better not miss!

72. Top 10 custom JavaScript functions of all time

73. Hyperdisc Materials: JavaScript: Top 10: Automatic Breadcrumb Trail

74. JavaScript: Top 10 Most Useful JavaScripts

75. My Favorite Javascripts for Designers: Blakems.com ?

More Resources and Galleries

76. Max Kiesler – mHub : Ajax and rails examples & how-to’s

77. Ajax Resources

78. DZone Snippets: Store, sort and share source code, with tag goodness

文章来源：链接

增强WEB表单的Usability有很多很多的方法，在网上一搜一大片，然后有些时候，用户会被表单搞得很混乱，而且，不同的用户会对表单有不同的理解，其输入也是千奇百怪。所以，为表单字段增加一下自动帮助信息的提示绝对是非常不错的选择。这点在淘宝网上表现得比较出现。下面是一个非常简单短小的教程。

http://woork.blogspot.com/2008/04/improve-form-usability-with-auto.html

12) qGallery (演示)

虽然这不是一个有丰富功能的图库应用，但这绝对是一个非常优秀的Ajax应用。它基于Prototype Javascript框架（http://prototypejs.org/）制作，它对图片集的处理是非常优秀的。而且是它在节省网络带宽方面也很出色。本文写作之时，他目前还在开发阶段，还没有开放给大家下载。不过再等几个星期也就差不多该Release了。

13）Ajax 星式打分（源码，演示）

人们总是想给他们身连的事物表达他们的喜恶，所以有一个星式打分控件绝对能满足他们的欲望。一个非常简单的Ajax脚本可以从下面的链接找到：http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/

14）CakePHP Ajax表单

如果你是 Django 或 CakePHP的使用者，那么你应该要感谢CakeBaker 的这个教程——《how to submit a form with Ajax》，而它最强大的功能在于，如果我们的浏览器disable了Javascript，表单照样能够正常提交。

15）Amberjack 站点导航（源码，演示）

在Web开发，Amberjack绝对令人过目难忘的Javascript库，它能够帮助你快速地创建站点导航。Amberjack 最优秀的地方是，这个javascript库只有4K大小，但却有令人难以置信的简易。

 16）Prototype UI（源码，演示）

Prototype UI基于Prototype 和Scriptaculous开发而成，它主要提供一堆图形界面的控件，本质上来说，他是一个用户接口类库，这个类库目前还持续增加中。而且所有的控件都可以很方便地定制。

17）JCrop （源码，演示）

在线的图片编辑显然是一个很棘手的事，那怕你使用photoshop，你也会觉得很难使用。当然，对于更多人，我们并不需要使用太多太复杂的图片编辑功能，如果有你上传图片的时候有这么一个功能可以让你剪裁你的图片，那么将会是一件很方便的事情。JCrop是一个jQuery 的插件，它允许你上传图片，并提供了非常多丰富的图片剪裁功能。很有前途。

18）JQuery Auto-tabbing 插件（源码，演示）

我们知道，在我们输入WEB表单的时候，当我们输入完一个字段的时候，我们需要按Tab键或是用鼠标去点击下一个输入域，所以，如果有一个好的插件可以让光标自动跳到下一个输入域，这会是一个非常不错的用户体验。这个JQuery的插件可以做到这件事。

19) 表格排序Ajax（源码）

单击表格头标题可以根据该列对整个表格排序，是一个非常不错的功能。这里有一个非常不错的教程教你如何做到这个事，其最终的Javascript是sortable.js。

20)  DrasticMap (源码，演示)

Google Maps大家都很熟悉了，DrasticMap 可能让你后台的PHP和Mysql数据库同Google Map链动起来，它可以方便地把存储在数据库里的经纬库坐标展示在Google Map上。而且，它相当的灵活，它似乎可以被无限度

文章来源：链接

这个控件主要来自Facebook吧，在网易的邮件里也能看到，还有hotmail等等，在文本框里输入文本不但可以出现相关数据的列表，而且选中后的字符串还会变成一个小图标。这个控件主要用在电子邮件中吧。

2) Ajax IM即时聊天 （源码，演示）

Ajax IM是一个很牛的即时聊天的客户端，你可以使用它制作一个Web-Based的即时聊天工具，这是一个非常强大的Ajax技术。

3）即时校验用户的输入（源码，演示）

以前，检验WEB表单的输入需要放在后台，因此，用户需要提交表单数据到后台才能知道是否所填写的内容有误。Ajax把实时检测表单输入域变成了现实，如今，我们在网上已经能看到很多很多的这样的应用，比如在你注册一个用户输入一个用户名的时候，不用提交整个表单到后台，你就能知道用户名是否已被人使用。

4）即时编辑器（源码，演示）

所谓即时编辑器就是双击一下网页上的文本，于是你就要吧编辑它了，编辑完后再单击一下别的地方，编辑过的内容就会被提交到后台保存。在这里，给出的示例是一个非常小巧的即时编辑器—— inline editor

5）Ajax 式文件上传

使用Ajax上传文件会让用户得到非常好的用户体验，上网随例搜索一下，有太多太多的各式各样的文件上传的Ajax源码可以使用。然而，在coderproject网站有，你可以下载到一款非常小又非常好的Ajax程序，网址如下：http://www.codeproject.com/KB/aspnet/AJAXUpload.aspx。

当然，如果你要一次上传多个文件，那个这个小程序还不足以满足你。不过，你可以使用JQuery的JQUploader。

6）Fancy Upload （源码，演示）

更为迷人的文件上传程序，你可以试试Fancy Upload，它通非常优秀的Javascript框架MooTools(http://mootools.net/)构造。

7）点击记录ClickHeat （源码，演示）

ClickHeat是一个非常简单而非常强大的Ajax技术，它可以记录下访问者们对你网站的点击坐标，以便于你分析你网站的访问者的习惯和他们的关注点。

8）Ajax电子邮件表单 （源码，演示）

这里主要推荐一款叫Maillist的Ajax程序，这是用来校验并提交电子邮件的地址的（不需要刷新页面），这样的设计极大地方便了用户的使用邮件订阅某些更新。我们想想看，这样的用户体现绝对会让你网站的用户特别愿意提交他们的电子邮件。

9) Ajax目录管理器 （源码，演示）

使用Ajax做一个在线的WEB的目录浏览器是非常酷的事情，如果没有Ajax，这样的用户体验除上让用户装一个ActiveX控件，我们几乎无法在Web上实现。在这里，我们推荐Relay这个框架，它基本上有这样一些功能，a)支持文件拖拉，b)动态地载入文件目录列表， c)还有上传的进度条，d)支持多用户帐号。还有很多很多。Relay绝对实现了你所能想得到的功能。

10）Ajax邮件客户端

目前，太多太多的邮件系统越来越多的使用Ajax技术。在用户体验方面，Gmail和网易邮箱最好。Hotmail的界面和outlook很相似了，可惜的是hotmail的运行速度感觉就像一辆后面拖着大石头的跑车。如果你想要开发一个Ajax的邮件客户端，那么，你一定要读一下下面的这篇文章：

http://www.devarticles.com/c/a/XML/Take-AJAX-to-Your-Email-Inbox-Developing-a-Webbased-POP-3-Client/