使用 Google Charts、Ajax 和 Project Zero（WebSphere sMash）创建精巧的 mashup

核心提示： 在谈论用户界面之前，我们花点时间使用 RESTdoc 测试界面对 REST API 进行测试，使用 Google Charts、Ajax 和 Project Zero（WebSphere sMash）创建精巧的 mashup(6)，启动 zero.charts 应用程序（zero run），并在

在谈论用户界面之前，我们花点时间使用 RESTdoc 测试界面对 REST API 进行测试。启动 zero.charts 应用程序（zero run），并在 Web 浏览器中访问 http://localhost:8080/resources/docs/charts。您将看到，charts 资源有一个方法（POST），如果单击它，将看到一个测试表单（如图 2 所示）。将 JSON 数据从 清单 1 复制到请求体中，并单击 Send。您看到的响应应该包括一个 Location 头，其中有一个 Google Charts URI。

图 2. 用于图表创建的 RESTdoc 测试表单

　　图片看不清楚？请点击这里查看原图（大图）。

REST API 就绪后，现在可以在应用程序中使用它。下一节将展示如何使用 Ajax 创建可视化的图表构建器。

设计更有用的界面

REST API 可以让开发人员更易于生成图表，它并不是用来帮助 99% 的不用编写代码的计算机用户的，而是针对那些偶尔为他们的文档和演示创建图表的用户。对于这些用户，可以使用一个 HTML 表单、一点 JavaScript 和最简单的 Ajax API XMLHttpRequest，创建一个简单的基于 Web 的图表构建器。图 3 展示了最终结果：Web 页面的一侧允许用户输入图表描述，而另一侧则显示生成的图表。

图 3. 用于生成图表的 Web 界面