25个优秀的Ajax技术和实例

资讯频道 → Web前端

37顶
3踩

2008-06-04 13:52 by 见习记者 uidin 评论(26) 有69566人浏览

Ajax

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

1.Ajax RSS reader

一个简单的RSS reader，读取远程xml数据基于AJAX,PHP,MYSQL的RSS源，
这个例子允许用户在一个网页中查看多种源内容

2.Ajax 桌面

该指南是一个手把手教程，通过它你可以创建一个类似
于PageFlagePageFlage 和
Netvibes的桌面/网页。这个指南的目的是展示一些基于web应用程序的技巧，这些技巧也是比较常用的，比如操纵DOM，事件监听，读取远程数据.
Ajax Desktop demo

3.AJAX for chat
使用异步JS,XML,PHP创建一个简单的基于web的聊天客户端

4.使用AJAX和del.icio.us创建自己的信息空间
使用del.icic.us API，但是方法和思想可以适用与其他流行的服务，如：DIGG和Flickr

5.AJAX超轻量级图表

使用动态读取数据允许用户创建虚拟的图形(falsh with ajax)。
该方案涉及到js脚本交互，和setData和setStyle方法

6.使用ajax和PHP创建日历

使用ajax和PHP创建一个日历组件，月份转换无须刷新页面
Quick Calendar demo

7.如何在你的网站中使用ajax整合google日历

该指南展示了如何在一个网页里创建一个调用一个公共的Google日历
AJAX calendar demo

8.Edit-in-Place with jQuery

Edit In Place demo 1
Edit In Place demo 2

9.创建一个AJAX星级评定构件

评定系统，无须点击按钮或者刷新页面(那通过什么？？点击文章的链接？？？)
使用js框架/库：DOJO,JQUERY，mootools,Prototype JS

10.使用AJAX上传文件

AJAX File Uploader demo

11.使用AJAX，PHP创建mailing列表

使用MYSQL储存用户输入的数据，Prototype JS 用于简化AJAX请求和绑定时间处理

12．安全的联系人表单

Safer Form demo

13. Ajax with CAPTCHA

14.基于AJAX的登陆表单

异步验证输入的数据，使用jQuery form plugin和PHP处理请求
Ajax-based login form demo

15. AJAX效果(for message box)

在该效果图中，用户点击save按钮，提示框颜色将逐渐消退
Nice Ajax Effects for messages box demo

16. 文字自动提示

类似google的效果
AutoCompleter tutorial demo

17.自动填充选择框

使用jQuery&AJAX,无须刷新页面，自动填充内容
Auto-populating Select Boxes demo

18.ajax下拉菜单
Ajax Dropdown Menu demo

19.Ajax/PHP Shoutbox

AJAX Shoutbox demo

20. 选项卡

通过ajax填充数据, 使用PHP和Prototype JS
Building Tabbed Content demo

21.Load In and Animate Content

展示如何读取数据到一个页面，使用jQuery处理Ajax请求和处理DOM
Load In and Animate Content demo

22. The Hows and Whys of Degradable Ajax

Degradable Ajax demo

23.使用避免多余的Ajax交互
使用该方法，可以在数据没有更新的情况下，尽量减少不必要的数据库状态的改变和计算过程。

24.更好的AJAX Back Button Solution
A Better Ajax Back Button demo

25.Making Ajax Work with Screen Readers

来自: sixrevisions

分享到：

37
顶

3
踩

评论共 26 条请登录后发表评论

26 楼 qqwzw 2010-01-14 17:05

[color=red][color=orange]

[flash=200,200][/flash]

引用

[img][/img][url][/url][flash=200,200][/flash]

[/color][/color]

25 楼 kennyliao 2009-12-23 18:24

用力支持!

24 楼 winter8 2009-10-05 20:11

好东东呵呵呵！

23 楼 xly_2009 2009-07-23 09:01

好东西

22 楼 zhujunli0310 2008-12-01 16:33

不错，顶顶

21 楼 guobosheng 2008-08-05 10:00

// Change this with your Google calendar feed
$calendarURL = 'http://www.google.com/calendar/feeds/';

// Nothing else to edit
$feed = file_get_contents($calendarURL);
header('Content-type: text/xml'); 
echo $feed;

20 楼 luoshi88 2008-07-14 15:38

支持

19 楼 futurehuhu 2008-07-10 22:17

18 楼 xiangwei3280122 2008-07-10 09:42

[align=left][/align]

支持

[b][/b]

17 楼 lalicdate 2008-07-09 17:40

WELL

16 楼 tang3176 2008-07-09 14:08

这些东西中可以做一个网站了！

15 楼 kenny13 2008-07-07 10:40

谢谢好东西

14 楼 goodfun 2008-07-05 12:53

It's great!

13 楼 pz818 2008-07-03 14:26

学习!

12 楼 cljspn 2008-07-02 21:06

真是好东西呀。

11 楼 xuchunlin0216 2008-06-23 16:54

值得学习。

10 楼 xushiliang 2008-06-06 08:48

不错不错很有特点

9 楼 playfish 2008-06-05 17:43

我晕。。。这个拿去作为博客内容还好。。怎么当成新闻发布了

8 楼 comasp 2008-06-05 17:33

cssrain 。路过

7 楼 410133062 2008-06-05 13:40

好东西支持

发表评论

您还没有登录,请您登录后再发表评论

37顶3踩