AJAX + SVG 实现实时监控图表

核心提示：前言AJAX 已经有很多文章介绍它的原理及其应用了，但是遗憾的是现在并没有很多结合实际项目应用，AJAX + SVG 实现实时监控图表，本文结合实际项目中的应用来讲述利用 AJAX 和SVG 技术如何创建各种激动人心的功能，并附带可以运行的例子和源代码，可以帮助开发人员开发包含 AJAX 技术的网站，它可以允许在浏览器

前言

AJAX 已经有很多文章介绍它的原理及其应用了。但是遗憾的是现在并没有很多结合实际项目应用。本文结合实际项目中的应用来讲述利用 AJAX 和SVG 技术如何创建各种激动人心的功能，并附带可以运行的例子和源代码。

本文需要一定的 AJAX，SVG 知识和应用经验。当然它们都可以在 ibm.com/developerworks/cn 上找到。

个人对于 AJAX 应用的建议是如果传统的 MVC 能够满足的应用，没有必要使用AJAX来代替，因为这里 AJAX 唯一能带来的好处只是无刷新。AJAX 是用来帮助我们实现以往使用传统 web 技术难以实现的功能的。

技术名词

1． AJAX ，AJAX(Asynchronous JavaScript and XML)是多种技术的综合，它使用 XHTML和 CSS 标准化呈现，使用 DOM 实现动态显示和交互，使用 XML 和 XSTL 进行数据交换与处理，使用 XMLHttpRequest 对象进行异步数据读取，使用 Javascript 绑定和处理所有数据。更重要的是它打破了使用页面重载的惯例技术组合，可以说 AJAX 已成为 Web 开发的重要武器

2． SVG(Scalable Vector Graphic) 是一个标准开放的矢量图像格式。它使你设计的网页可以更加精彩，更加细致。使用简单的文本命令，SVG 甚至可以做出诸如色彩线性变化、自定义置入字体、透明、动态效果、虑镜效果等各式常见的图像效果。SVG 图像是基于 XML(可扩展标识语言--未来的网络语言)的应用，并由 W3C 组织的 SVG 开发组负责详细的研究和开发。

3． DWR，DWR是一个开源的类库，可以帮助开发人员开发包含 AJAX 技术的网站。它可以允许在浏览器里的代码使用运行在 WEB 服务器上的 JAVA 函数，就像它就在浏览器里一样。