GWTでJSONを扱う ～JsonpRequestBuilderを利用する～

GWTでJSONPを扱う方法です。JsonpRequestBuilderを使うことで、JSONデータを自動的にクラスにマッピングしてくれます。以下のサンプルは次のJSONのデータを扱うことを前提としています。JSONPですから、外部サイトも参照可能です。

{
"name":"ochi",
"age":10,
"adress":
{"name":"Osaka"}
}

以下のプログラムは、クライアント側のプログラムです。Userクラスに自動的にマッピングしてくれます。

view plainprint?

1. JsonpRequestBuilder jb = new JsonpRequestBuilder();  
2.    jb.requestObject(  
3.    　  "http://XXXXX.XXX.XXXX.json",  
4.         new AsyncCallback＜JsArray<user>>() {  
5.         public void onFailure(Throwable caught) {  
6. 　          GWT.log("failure", caught);  
7.         }  
8.         public void onSuccess(JsArray＜User> result) {  
9.             StringBuilder sb = new StringBuilder();  
10.             Window.alert("Success");  
11.             for (int i = 0; i < result.length(); i++) {  
12.                sb.append(result.get(i).getName());  
13.             }  
14.             resultArea.setValue(sb.toString());  
15.         }  
16.    });  
17. </user>  

JsonpRequestBuilder jb = new JsonpRequestBuilder();
   jb.requestObject(
   　  "http://XXXXX.XXX.XXXX.json",
        new AsyncCallback＜JsArray>() {
        public void onFailure(Throwable caught) {
　          GWT.log("failure", caught);
        }
        public void onSuccess(JsArray＜User> result) {
            StringBuilder sb = new StringBuilder();
            Window.alert("Success");
            for (int i = 0; i < result.length(); i++) {
               sb.append(result.get(i).getName());
            }
            resultArea.setValue(sb.toString());
        }
   });

ここで、注意しなければならないのは、クラスの宣言方法です。下記のように、JSNI形式でなければなりません。

view plainprint?

1. import com.google.gwt.core.client.* ;  
2. import java.util.* ;  
3.   
4. final public class User extends JavaScriptObject {  
5.   
6.   protected User(){  
7.   }  
8.   
9.   public native java.lang.Long getId()/*-{ 
10.      return this['id']; 
11.   }-*/;  
12.   
13.   public native Address getAddress()/*-{ 
14.      return this['address']; 
15.   }-*/;  
16.   
17.   public native java.lang.String getName()/*-{ 
18.      return this['name']; 
19.   }-*/;  
20.   
21.   final static public class Address extends JavaScriptObject {  
22.   
23.     protected Address(){  
24.     }  
25.   
26.     public native java.lang.String getName()/*-{ 
27.        return this['name']; 
28.     }-*/;  
29.   
30.   }  
31. }  

import com.google.gwt.core.client.* ;
import java.util.* ;

final public class User extends JavaScriptObject {

  protected User(){
  }

  public native java.lang.Long getId()/*-{
     return this['id'];
  }-*/;

  public native Address getAddress()/*-{
     return this['address'];
  }-*/;

  public native java.lang.String getName()/*-{
     return this['name'];
  }-*/;

  final static public class Address extends JavaScriptObject {

    protected Address(){
    }

    public native java.lang.String getName()/*-{
       return this['name'];
    }-*/;

  }
}

このようなクラスを記述するのが手間ですが、実は作成を支援してくれるサイトがあります。

• http://k2-junior.appspot.com/Json2Java.html

 JSONの雛形データをいれるとこのフォーマットに変換してくれるとても素敵なサイトです。（こういう世のためになるサイトを作りたいですね）

（追記：2010/10/22）
***.gwt.xml ファイルには

view plainprint?

1. ＜inherits name='com.google.gwt.jsonp.Jsonp' />   

＜inherits name='com.google.gwt.jsonp.Jsonp' /> 

の記述が必要です。