JavaサーブレットとJSON-libでできるiPhone向けAjax：iPhoneで動かす業務用Webアプリ開発入門（3）（1/2 ページ）

 1: <a href="javascript:void(0)" onclick="clickDiv()">クリックしてください</a>
 2: <div id="replaceIt"></div>
 3: <script>
 4: function clickDiv() {
 5:     var xhr = new XMLHttpRequest();
 6:     xhr.open("POST", "http://【Ajaxのサーバ側URL】", true);
 7:     xhr.onreadystatechange = function() {
 8:         if (xhr.readyState == 4) {
 9:             document.getElementById('replaceIt').innerHTML = xhr.responseText;
10:             xhr = null;
11:         }
12:     }
13:     xhr.send();
14: }
15: </script>

 1: <script type="text/javascript" src="js/json2.js"></script>
 2: <a href="javascript:void(0)" onclick="clickDiv()">クリックしてください</a>
 3: <div id="replaceIt"></div>
 4: <script>
 5: function clickDiv() {
 6:     var xhr = new XMLHttpRequest();
 7:     xhr.open("POST", "http://【Ajaxのサーバ側URL】", true);
 8:     xhr.onreadystatechange = function() {
 9:         if (xhr.readyState == 4) {
10:             var obj = JSON.parse(xhr.responseText);
11:             document.getElementById('replaceIt').innerHTML = obj.message;
12:             xhr = null;
13:         }
14:     }
15:     xhr.send();
16: }
17: </script>

{
  "message": "このメッセージが表示されます。",
  "other1" : "その他の文字列１",
  "other2" : "その他の文字列２"
}

public class SampleObject {
    private final String message;
    private final String other1;
    private final String other2;
 
    public SampleObject(String message, String other1, String other2) {
        this.message = message;
        this.other1 = other1;
        this.other2 = other2;
    }
 
    public String getMessage() {
        return message;
    }
 
    public String getOther1() {
        return other1;
    }
 
    public String getOther2() {
        return other2;
    }
}

 1: response.setContentType("application/json; charset=UTF-8");
 2: response.setHeader("Cache-Control", "private");
 3: SampleObject obj = new SampleObject("このメッセージが表示されます。",
        "そのほかの文字列1",
        "そのほかの文字列2");
 4: JSONObject json = JSONObject.fromObject(obj);
 5: response.getOutputStream().write(json.toString().getBytes("UTF-8"));

GET https://some-domain.shoprun.jp/h2/STRMobileViewAPI.do?func=favStores HTTP/1.1
Cache-Control: max-age=0
Referer: https://some-domain.shoprun.jp/h2/STRMobileView.do?v=1.2.10&lang=ja
User-Agent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7

HTTP/1.1 200 OK
Server: Apache
Cache-Control: private
Content-Encoding: gzip
Content-Length: 203
Content-Type: application/json;charset=UTF-8
 
{"FavoriteStores":[{"accountId":"635ba844-845e-425c-a057-4e5085696ec9","disabled":false,"loginId":"ebisu","name":"恵比寿店","type":9},{"accountId":"f8fdb7a8-b22b-4505-9b6e-72fa21a87541","disabled":false,"loginId":"hiroo","name":"広尾店","type":9}]}