Readers: 5065 | Updated: 2008

25个优秀的Ajax技巧与样例

      在Ajax环境下,富因特网应用程序首先会模仿复杂的交互界面及与桌面应用相关的响应,然后将请求传递给开放有多种功能的网页浏览器,具体包括存储用户数据、连接其他用户实现协作与共享等功能,除此之外,这种网页浏览器还能够调度并简化大多数电脑中任意系统下的网页浏览器请求。

      如果你有兴趣扩展和提高自己的Ajax技术与实践知识,不妨看看下面这25篇精选Ajax文章与教程,其中概述了一些基于Ajax应用的方法与思想。虽然大部分文章的适用对象是初学者与中级开发人员,但熟手也可能会从中受益。

1.Ajax RSS阅读器


      通过建立一个简易的RSS阅读器,我们可以学习如何使用Ajax,PHP和MySQL从RSS反馈中获取远程XML数据。在图例中我们不难发现,读者可以查看同一页面上不同出处的内容反馈。另外,你可以在文章结尾处看到一个RSS阅读器的动态演示界面。

2.Ajax桌面指南


      我们会在这篇教程的逐步引导下学会如何建立一个类似于Pageflake(译者注:一种个性编制的门户网站,中文译名为“飞鸽”)与Netvibes(译者注:一种来自法国的Web产品)的桌面或者主页。该教程的目的是将一些网络应用方面的流行技术展现给读者,例如操作文档目标模型(DOM)、监听事件(指鼠标的移动事件)与使用远程数据。

3.应用于聊天系统的Ajax
      我们将在这篇教程中学会如何使用JavaScript、XML与PHP建立一个基于网络的简易聊天客户端。教程中的样例用到了JS标准框架、MySQL与PHP。

4.使用Ajax与书签管理器建立属于你自己的信息空间
      这篇文章向我们介绍了一种基于API服务的Ajax思想。其中,我们用到了API书签管理器,需要注意的是,这种方法也要能适用于其他一些流行服务,如Digg's(译者注:一种评价引擎)或Flick's(译者注:一种线上服务)。对那些使用远程XML数据(最典型的例子就是popurls(译者注:一个信息咨询网站)与SocialBlade(译者注:一种Digg工具),因为它们可以使用有效的API服务从社会媒体网站获取信息)创建网络应用的人来说,这是一种异常重要的资源。另外,只有进行注册(免费)后,你才能看到这篇教程。

5.Ajax超轻量图表工具


      让我们看看如何使用带有Ajax的Flash建立一个大小仅为1.78KB的图形组件吧。它能通过内嵌动态数据让你产生视觉图像,而这种效果的实现涉及到了ActionScript-JavaScript通讯,并且使用了ActionScript中用于生成与设计图表的setData和setStyle用法。

6.使用AJAX与PHP创建日历


      我们将从这篇文章学会如何使用Ajax与PHP建立一个日历组件。另外,Ajax可以在不刷新页面的情况下通过日历中的月份进行导航。

7.如何使用AJAX整合网站中的Google日历


      通过这篇教程,你将学会如何建立一个名为Google日历的页面组件。Google日历可以让你更加方便的创建、共享并管理事件,毫无疑问,这是公共站点的一大亮点。

8.通过带有jQuery的Ajax进行当地编辑


      在这篇指南中,用户可以对当前页面的XHTML进行编辑。文中的实例告诉了我们应该如何使用jQuery来实现这种功能。正常情况下,为了检查或者保存数据库中的改动,用户的编辑内容将会被发送至服务器端代码处。

9.建立一个AJAX等级窗口


      系统怎样才能在不提醒用户按下提交按钮或刷新页面的情况下实现等级系统的建立呢?这篇教程向我们展示了如何在下面4种不同的JavaScript框架与库情况下做到这一点,它们分别是:Dojo、jQuery、mootools、标准JS。

10.AJAX文件上传指南


      在这篇基于JavaScript与PHP技术的指南中,你将被告知如何建立一个文件上传器。

11.使用AJAX与PHP创建邮件列表
      这篇来自SitePoint网站的教程将让你轻轻松松学会如何创建用于接收异步提交的邮件列表系统,该系统能够使用MySQL对用户输入的数据进行存储,除此之外,那些在JS标准下简化Ajax请求与绑定事件处理时输入的数据也会被它保存下来。

12.没有验证码的安全联系表单


      我们如何才能减少来自公共网络系统的垃圾邮件呢?其中一个解决方法就是建立一个能够证实提交者是否使用了图片验证码的系统。但问题是当用户个人尝试使用这种辅助性技术时,可能会出现一些小麻烦。在这种技术下,Ajax可以呼叫服务器端脚本并找出用户电脑中的cookie。

13.使用带有验证码的AJAX


      我们不得不承认,避免使用带有图片的验证码是一个不错的主意。也正因为如此,许多站点热衷于使用这项技术来辨别人与电脑。但如果你不太喜欢网络的可访问性,不妨看看这篇文章,它介绍了一种实现验证码测试的独特方法。首先,用户会得到一些相关描述(如动物、装束、男孩),然后,系统要求用户他们按照顺序点击图像。当用户的行为被纪录下来并得到验证后,系统将返回合适的状态信息。虽然这种解决方法也许并不太理想,但它无疑向我们展现了一种能够响应用户接口的重要技术。

14.基于Ajax的登陆窗口


      这篇生动的文章会让我们学会如何创建一个能够对输入数据进行异步验证的登陆表单,另外,文中的范例是使用jQuery插件与PHP技术来处理相关请求的。

15.使用Mootools框架为消息框带来优秀的Ajax效果


      在这个例子中我们可以看到,当用户点击了“保存”按钮后,消息框将在一段时间内慢慢消失。由于真正的Ajax请求在用户点击“保存”按钮时就生成了,因此用户可以在这种模式下得到反馈请求的状态信息。

16.Ajax自动完成功能指南


      这篇教程会让你学会如何实现输入栏的自动完成。范例中使用了jQuery,PHP与MySQL技术。

17.使用jQuery与AJAX实现选择框的自动填充


      Ajax应用程序的关键技术就是在不对页面进行刷新操作的前提下填充网页内容。在这篇教程中,你将目睹如何运用PHP与JavaScript(用jQuery会更简单)来实现自动填充。

18.建立一个Ajax下拉式菜单
      在这个范例中,我们将会看到如何使用外部数据将内容引导至我们亲爱的“网猴”(Webmonkey)网站的下拉菜单中。尽管示例中使用的是文本文件,但如果你需要使用一些相关技术进行操作,你仍然可以使用自己的数据源。

19.Ajax/PHP留言板指南


      我们将了解如何使用PHP与JavaScript技术建立一个基于Ajax技术的留言板。这篇教程会让你轻松学会如何创建留言板的服务器端与客户端,当然,Ajax/PHP留言板还有一些其他功能,比如评论功能。

20.建立标签页面


      这篇运用了PHP与标准JS技术的文章将告诉我们如何使用Ajax数据建立一个标签页面。

21.如何使用jQuery进行内容的导入与动态化


      在一些网页中,人们会使用jQuery技术来处理Ajax请求与DOM操作,这篇教程会一步步地教你如何将数据导入到此类网页中。

22.Ajax降级方法与原因


      假如系统没有察觉到JavaScript的良好可访性与防护性,那么这无疑将使Ajax得到有效的降级,而此文也围绕Ajax应用程序对其降级展开了讨论。假如我们能够进行完全成功的降级,这将意味着即使不依赖JavaScript或CSS,请求依然可用,而信息也依然可以存取。

23.避免会话状态下不必要的Ajax通信
      这篇文章为我们介绍了一种将不必要的数据库进程或计算进程最小化的方法,而且避免了进程无变化情况下的状态更新。通过使用客户端的cookies我们可以了解会话状态并关掉多余的进程。文中的例子为我们介绍了一种使用服务器端代码的Python语言,事实上,它与你见过的其他语言并没有什么太大区别。

24.一种更好的Ajax后退按钮方法
      在这里,我们将要讨论与Ajax内嵌网页有关的问题,实际上,正是这种具有书签功能的网页打破了网页浏览器的统治。通常情况下,我们解决相关问题的办法是增加一个设置周期的功能,然后显示相应的正确页面,而这个周期会用来核对URL中的#value。在文章的第2部分中,你将会看到一个具体实例和诸多关于它的讨论。

25.使Ajax能够与屏幕阅读设备一起工作


      Ajax引导页最大的缺点之一便是不能为过于依赖屏幕阅读设备的用户显示页面更新。对弱视者而言,信息与状态显示器上显示的东西就象一条时刻在变化的队列。文中含蓄地列出了一些这方面的问题与建议。

      好吧,就是这些了......一部分优秀的Ajax技术与范例。希望你能从中找到一些对将来工作有益的东西,当然,也希望它们能够扩展你的Ajax知识。好运。

      如果你中意某些链接,欢迎来评论区畅所欲言.

From The Blogs

Life, Health, Furnishings

2007
成功婚姻的8个小技巧
成功婚姻关系的关键在哪里?这里,桑尼瓦丽亚向你揭露出一些关于怎么样加深你们之间的关系,让婚姻成功的方法,尤其是当事情看上去出错了。1、知道惩罚对方是无济于事的。让对方难受也许会让你感觉好些,但是实际上... 查看全文

Parenting Advice

2007
阻止孩子咬人的小技巧
如果你的孩子乱咬是件很烦人的事情,尤其是你的宝宝咬了别人的孩子。有些人第一次发现宝宝会咬人可能觉得挺恐怖的,想他怎么会这种事情。其实这是许多孩子都经过的阶段,而且这个阶段大部分都是暂时的,不管你相信与... 查看全文

Personal Growth, Career Planning

2008
教你20种省钱的技巧
伍迪艾伦:“如果单单从财政的原因上来看,有钱好过于贫穷”。       我一直在想如果把上星期出现的父母出租应用在管理家庭财政上会是一件很有趣的事情,这样你可以骗过自己,绕过障碍物,增加帐户数目,却不... 查看全文

Personal Growth, Career Planning

2007
自我提高的十大技巧
虽然我没有尽力把下面的每一条技巧都付诸实践,但我确实每天都作出一点努力了。下面列举的就是我最喜欢的自我提高的十大技巧。每天只要付出一点,你就会看到惊喜的变化,可以把你的秘诀添加进去做评估。10.有一个... 查看全文

Personal Growth, Career Planning

2007
为什么有些人总能成功?
和每个人一样,我也曾花时间思考为什么有些人总能在生活中如此的成功。成功中有哪些是自己的因素多于外来因素? 成功人士可能都是聪明的,或者有很好的社会关系培养起来的。或者是精力充沛的,思想开放和积极的。 ... 查看全文

Personal Growth, Career Planning

2008
亲吻巧言石 :提高个人沟通技巧的10种方法
“即便是最新型的电脑也只能在速度上调节人类关系的最古老问题,最后交流者还是得面临这一原始问题:该说些什么?如何说出口?”——爱德华·默罗      注:巧言石是一块具有历史意义的石头。实际上,它是爱尔... 查看全文

Personal Growth, Career Planning

2008
如何得到工作
不可忽视你的形象。      第一印象很难改变。你的发型、穿着、鞋子等形象可以让你更加真实。要保证自己仪表干净整洁,面试着装得体,散发香味。从不穿着件衬衫和留着头蓬乱的长发去面试。不可毫无准备地去面试... 查看全文

Personal Growth, Career Planning

2007
撰写个人简历的技巧--销售自己的艺术
简历撰写旨在将自己出售到市场--但是首个需要了解的市场是你自己。你准备好了吗?保证主题围绕简历撰写--一项接一项,你要了解并且记住为你的简历附上附信是十分重要的,而且必须以某种方式包含你的技能,以吸引... 查看全文

Culture, Geography, Science, Tourism

2007
在遇到熊时的5种逃生技巧
在有熊出没的乡村,以下任何情况都有可能发生。在这推荐的行为通常都是经过深思熟虑的。但是,当然啦,这些举止并不保证能让你避免危险。若你遇到熊时,最重要的是要保持冷静,让熊有机会来知道你是无害的。1. 不... 查看全文

Personal Growth, Career Planning

2007
五种改变生活状态的方式来克服你的恐惧
是什么东西在阻碍你得到生活中想得到的东西呢?你的朋友吗?你的家庭吗?你会有这样一种感觉吗?对于那些曾改变你的生命的成功或失败,会让你感到不舒服吗?你会有这样一种感觉吗?你身边的人可能会不赞成你去争取那... 查看全文
More Articles

Translator: