25个优秀的Ajax应用与实例

Ajax能有效提供网页的交互能力，给用户带来更佳的浏览体验，是Web2.0的标志之一。这里精选了25个优秀的Ajax应用与实例，供有兴趣的朋友参考学习：
Ajax RSS 阅读器



通过Ajax、PHP与MySQL搭建一个简单的RSS阅读器。在这个例子中，允许用户在一个页面用同时读取多个RSS数据源，在该文章的末尾，你能找到一个关于这个阅读器的生动的示范例子。
Ajax 个人门户教程



这个教程将一步一步指导你怎样建立一个类似Pageflake和Netvibes的个人门户页面。这个教程的目的是展示如何通过一些简单技术去例如Document Object Model (DOM)这样的APP应用，以及事件响应与远程数据读取等技巧。Ajax 个人门户例子

Ajax 的聊天应用

教你如何通过异步JavaScript、XML及PHP建立一个简单的基于网页的聊天工具。教程中的则是例子利用了Prototype JS framework、MySQL及PHP。
通过Ajax与del.icio.us构建个人空间
这是一个Ajax与API结合的例子，所用的是del.icio.us的API，其方法与概念同样实用于Digg或Flickr等常见的API服务商。其最大的共同点都是使用了XML，例如下面的两个例子同样如是：popurls和SocialBlade，这样的方法很方便在社会化网站中提取数据。坏消息是这个教程是需要你注册，好消息是注册是免费的。

Ajax的超轻量级的图表工具



看看如何用Flash和Ajax写一个只有1.78KB的超轻量级图表工具吧。这个例子允许你建立一个基于动态数据的可视化图表。当中涉及ActionScript与JavaScript的通讯，setData与setStyle的包封处理，如何通过ActionScript 控制图表的样式等等。

通过AJAX与PHP创建一个日历



学习如何去通过Ajax与PHP写一个类似上图的日历，Ajax能使得日历上的日期被改变后，获得相关的数据而不刷新网页。
日历例子

如何在你的网站中通过Ajax整合Google Calendar



这个教程示范了如何建立建立一个引用公开的Google Calendar的页面。（Google Calendar是一个让你便地建立、分享以及管理个人日程或团队日程的在线服务）AJAX日程例子

使用jQuery的AJAX式原地编辑（Edit in Place）


在这个例子里，用户可以修改他们正在浏览的XHTML页面。这是一个运用jQuery实现概念验证（proof-of-concept）的例子。当然，正常情况下你是不会允许你的用户像这样直接编辑服务器的代码的或数据库的。

Edit In Place demo 1
Edit In Place demo 2

建立一个AJAX的评分Widget



学习如何建立一个不需要用户频繁点击提交按钮、也不需要频繁刷新页面的的评分系统。这个教程将向你展示四个JavaScript frameworks/libraries技巧：Dojo、jQuery、mootools、以及Prototype JS。

AJAX的文件上传教程



这个教程是教你如何用AJAX实现文件上传，例子使用了JavaScript与PHP。 AJAX文件上传demo

使用AJAX与PHP建立邮件列表

这个来自SitePoint的例子，教你如何建立一个邮件列表。当中运用了MySQL存储数据，而用户则是通过Prototype JS进行 Ajax请求建立事件处理。

没有图片验证码的安全表单



当不使用图片验证码的时候，如何尽可能地避免垃圾信息被提交到服务器呢？而这个例子就演示如何使用简单的Ajax技术结合Cookies做到这一点。安全表单的例子

使用AJAX的图片验证码



一般的图片验证码都是需要用户填写英文或数字，始终会有机会被机器破解。而这个例子，则是需要用户按顺序排列图片以取代传统的验证码输入方式，使得更难于破解。

基于Ajax的登录框



建立一个便于输入信息的登录框，.这个例子使用了jQuery form plugin 以及PHP进行进程请求。 基于Ajax的简单登录框例子

使用Mootools建立一个良好Ajax效果信息窗口

在这个例子里面，当用户点“Save”按钮的时候，会出现文字渐变及内容保存状态的提示。参考例子

关于自动完成的教程



这个教程演示如何使用jQuery、PHP及MySQL实现上述的自动完成（AutoCompleter）的功能。 自动完成的例子

使用jQuery & AJAX的Auto-populating窗口



Ajax的一个关键应用就是不刷新页面却得到页面的更新内容。在这个教程里面，你将看到如何使用PHP与JavaScript以实现（用jQuery实现实在太容易了）。参考例子

Ajax的下拉菜单

这里有一个来自Webmonkey的简单例子，演示如何把外部数据读入到下拉菜单当中。例子中使用的是一个tet文件，而实际上你可以使用任何你认为方便的数据源。参考例子

Ajax与PHP结合的留言板



例子中演示如何使用PHP与JavaScript写一个AJAX的留言板，是一个练习服务器端与客户端通讯的好例子。参考例子

如何建立标签页面



类似上面这样的标签页面，在AJAX里很容易实现。从例子中看看如何用PHP与Prototype JS实现这个AJAX效果吧。参考例子

如何通过jQuery载入动态内容



这个教程一步一步地教你如何通过Query将数据载入到页面中， 以掌握Ajax请求以及DOM的处理。 参考例子

Degradable Ajax的方法



这个教程将为你讲解Degradable Ajax的方法，参考例子

如何避免多余的Ajax交互

这个教程教讲述了在数据没有更新的情况下，如何尽量避免不必要的数据库读取与计算的交互过程。

Ajax的返回按钮解决方案

由于AJAX较少地刷新页面，也使得原本浏览器的“返回按钮”一定程度失去了作用。这个教程则是教你如何在AJAX的页面使“返回按钮”发挥作用。参考例子

如何在屏幕阅读器中实现Ajax



AJAX能让大多数人带来便利，但对于一些使用屏幕阅读器的人士来说，AJAX反而成为了不理。这个教程研究的是在屏幕阅读器下的AJAX应用，讲述如何创造一个无障碍的阅读环境。（完） 

http://hi.baidu.com/readbsd/blog/item/7b2236889eb04191a4c27299.html