Ajaxのソースコード

実務でJavaのシステムで実装したAjaxのソースコードを自分用にメモとしてまとめました。

まずはJavaScriptでイベントを作成し、通信する。

$('#button').click(function() {
    var req = new XMLHttpRequest();
    var url = 'コンテキスト以降のURL';
    req.open('GET',url);
    req.send();

    req.onreadystatechange = function() {
        if (req.readyState === 4 && req.status === 200) {
            let info = (req.responseText)?JSON.parse(req.responseText):null;
            if (info) {
                console.log(info);
            }
        }
    }
});

指定したURLのサーブレットを作ってJSONデータを返す。

// レスポンス用JSON文字列生成
String resData =
    "{\"mojiretsu1\":\"" + "mojiretsu1" +
    "\",\"mojiretsu2\":\"" + "mojiretsu2" +
    "\",\"mojiretsu3\":\"" + "mojiretsu3" +
    "\"}";

// レスポンス処理
response.setContentType("text/plain");
response.setCharacterEncoding("utf8");
PrintWriter out = response.getWriter();
out.println(resData);

文字列はtry,catch構文でデータベースに接続してデータベースから取ってきたり、サーブレットで生成したりする。

以上です。