Ajax 和 XML: 五个很酷的 Ajax 小部件

http://tech.ddvip.com   2008年08月29日    社区交流

内容摘要:在本文中,我将介绍五个这样的小部件 —— 有些是开源的,有些是需要许可的 —— 它们通过 Ajax 和 XML 与服务器通信。

  随着 Web 2.0 浪潮的到来,用户体验得到了全新的关注。用户体验的一部分就是以新颖的方式与用户交互以及为用户提供信息。这些新的界面常常被称作小部件,它们使用 Asynchronous JavaScript + XML (Ajax) 与服务器通信。本文介绍了五个可用于增强站点交互性的小部件。

  Web 2.0 强调以独特、新颖的方式与网站的客户交互。其中很多创新技术都使用图形和小部件,它们与服务器进行通信,获取用于显示的数据。在本文中,我将介绍五个这样的小部件 —— 有些是开源的,有些是需要许可的 —— 它们通过 Ajax 和 XML 与服务器通信。

  carousel: 这个小部件是一个滚动的图像浏览器,客户可以通过滚动查看一系列的项目,每个项目用一个小图形表示。当用户单击一个项目时,进行什么处理可以由您来决定。carousel 在实际情况中的例子有 Flikr 站点和 Apple 的 iTunes 界面。carousel 是免费提供的,它基于流行的 jQuery JavaScript 框架。

  SWF/Charts:这种基于 Adobe Flash 的控件从服务器上的 XML 中读取图表数据和样式选项,然后根据数据显示一个图表。它的界面非常优雅,由于很容易创建 XML 数据,所以很容易将动态图形添加到页面中。

  SWF/Gauge: 与 SWF/Charts 类似,这个 Flash 小部件使用服务器上的 XML 来构建一个完全可定制的仪表盘显示屏。其外观可以仿制飞机或汽车上的仪表盘,或者更流行的样式。这可完全由您选择。

  就地编辑: 严格来说它不能算是个小部件,而是从用户那里获得信息的一种直观的、交互式的、轻量级的方式。这种功能是 Scriptaculous 框架附带的,位于 prototype.js 库之上。

  DHTML windows: DHTML window 为在页面内容上放置无模式的悬浮窗提供了一种机制。用户可以移动窗口,调整它的大小,或者使之消失。窗口的内容可以由页面上的 JavaScript 指定,也可以通过 Ajax 从服务器上读取。这种类型的窗口非常适合用作一种报警机制,也很适合用于弹出小的窗体,从而避免重新装载整个页面。

来源:developerWorks    作者:Jack    责编:豆豆技术应用

正在加载评论...