ZDNet Japan Brand Site:
ZDNet Japan
builder

GWTでJavaScriptを書かないAjax開発--第7回:英単語テストアプリの作成 前編

今回は、英単語テストアプリケーションを例に、サーバと通信してAjaxアプリケーションを構築する。単語帳データを受信し、それをアプリケーション内で利用する方法を紹介する。

沖林正紀  2007年11月28日 07時00分

 これまでは、GWTアプリケーションの画面表示に関することを中心に紹介してきたが、今回と次回は、サーバと通信してAjaxアプリケーションを構築する方法を紹介しよう。

 今回は、JSON形式のテキストデータをサーバから受信してみたい。Ajaxという名前は、当初はWebブラウザ上でXMLデータを送受信することを指していたのだが、最近は、はじめからJSON形式でデータをやり取りするAPIを公開する動きも見られ、JSONはXMLと並んでAjaxで利用されるデータ形式としての認識が広まっている。

Ajaxを実現するAPI

 テキストデータをサーバから受信する際に重要な役割を果たすのが、HTTPRequestクラスとResponseTextHandlerインタフェースだ。

 HTTPRequestは、Webブラウザからサーバに対してHTTPプロトコルによるリクエストを送信するもので、GET/POSTそれぞれのメソッドに対応したasyncGet/asyncPostというメソッドを持つ。引数でユーザー名とパスワードを指定すれば、認証が必要なサーバとのやり取りも可能だ。

 ResponseTextHandlerは、HTTPRequestによるサーバへのリクエストの後、レスポンスとして受信したデータを処理するonCompletionメソッドを持つ。開発者は、引数として渡されたレスポンスデータを形式にしたがって解析し、必要なデータを抽出する処理をこのメソッドに記述する。

 なお、これらのAPIを用いるには、モジュール定義(*.gwt.xmlファイル)の<module>〜</module>内に以下の定義を追加しておかなくてはならないので注意していただきたい。

<inherits name="com.google.gwt.json.JSON" />

 では、英単語テストアプリケーションを例に、アプリケーション内で利用する方法を紹介しよう。

キーショートカット:  b - 前のページ n - 次のページ

関連情報

http://japan.zdnet.com/sp/feature/07gwt/story/0,3800080922,20361794,00.htm
GWTでJavaScriptを書かないAjax開発--第7回:英単語テストアプリの作成 前編

ZDNet Japan Essential Topic

ZDNet Japanからのお知らせ

Intel Video Series

sponsored by Intel

ZDNet Japan ニューズレター

企業情報システムの選択、導入、運用管理に役立つ情報を毎朝メール配信します。

ニューズレターの登録・登録情報変更 »