[javascript][Google App Engine]初のJavascript、初ajax

こんばんは、もっくんです。

今日は、初めてのjavascriptを実装してみました。巷ではjQueryというライブラリが簡単で良いと聞きますが、初めてなのでゼロから書いてみました。

AjaxHistoricalPrices

今はGoogle App Engineにあるjsonを返すURLに対して非同期でhttpリクエストを発行して、そのレスポンスを表示しているだけのシンプルな実装です。

var startTime = new Date();
var endTime = new Date();
var Request = function() {
    startTime = new Date();
    var url = 'http://test-004.appspot.com/dlhistorical?ticker='+document.form.ticker.value+'&days='+document.form.days.value+'&type=json';
    var XHR;
    XHR = new XMLHttpRequest();
    XHR.onreadystatechange = function(){
        if( XHR.readyState === 4 && XHR.status == 200 ) 
            var data = JSON.parse(XHR.responseText);
            var out = '';
            for (i in data.Historical){
                out += '';
                for (j in data.Historical[i]){
                    out += '';
                }
                out += '';
            }
            out += '

'+data.Historical[i][j]+'

';
            echo(out);
        };
    XHR.open( 'GET', url, true );  
    XHR.send();
}
var echo = function( text ) {
    endTime = new Date();
    var msec = endTime - startTime;
    document.getElementById("exectime").innerHTML = msec+"ミリ秒かかりました
";
    document.getElementById("result_div").innerHTML = text;
}

ポートフォリオ系のツールを作ろうと思います。クライアント側である程度の計算をさせるような実装にしていきたいと考えています。

今日のメモはとりあえずここまで。
では。