豆豆网 > 技术应用 > 程序设计 > Java > Ajax > 正文

使用 Google Web Toolkit 和 JSON开发Ajax应用程序

http://tech.ddvip.com 2007年08月25日社区交流

关键字： Nagios SOAP 对象序列化 REST Dojo

内容摘要：本文介绍如何使用 Google Web Toolkit（GWT）和 JSON 开发一个示例 Ajax 应用程序。作者将分别介绍如何在客户端使用 GWT 的 JSON API 来解析和生成 JSON 编码的数据，以及如何在服务器端使用 GWT 的 RemoteServiceServlet 来接受和回复来自客户端的请求，并使用 SOJO 来解析处理 JSON 数据。

　　运行测试按钮。同时定义测试启动按钮和按钮触发 Listener 类，在 Listener 的 onClick 方法中发送运行测试请求到服务器端。

清单 4. 运行按钮的监听类主要逻辑

formButton.addClickListener( new ClickListener() {
　　public void onClick(Widget sender) {
　　　　// disable button
　　　　…
　　　　// collect inputs
　　　　…
　　　　// send request
　　　　…
　　　　// start timer to get results in interval
　　　　…
　　}
});
//add button to rootPanel
RootPanel.get("runSlot").add(formButton);

　　运行状态信息条。实时的展现目前测试运行状态。

　　测试结果实时输出界面。实时展现服务器端的运行测试结果。使用 Grid 来显示为一个可以动态增长的表格，在单元格内部显示测试结果。

　　客户端 JSON

　　客户端主要逻辑是收集用户的输入参数，转换为 JSON 格式的数据，最后发送 JSON 数据到服务器端。并同时间歇性的发送请求来获取当前服务器端测试的运行结果，解析服务器端传回来的 JSON 数据，并通过页面展现出来。

　　本示例程序采用了 GWT 自带的 JSON API。该 API 支持 JSON 数据的解析和转换，可以将客户端用户的输入参数转换为 JSON 格式，并且能够解析从服务器端传来的 JSON 数据。

　　它所包含的主要 JSON 类有：

　　JSONArray：数组

　　JSONBoolean：布尔值

　　JSONException：JSON 的异常类

　　JSONNull：代表 JSON 的 null 值

　　JSONNumber：数字

　　JSONObject：JSON 对象