「ajax」XMLHttpRequestのonreadystatechangeイベントを利用するサンプル

2019年12月27日

readyState
値 定数 　　　　　　　　　　　状態
0 UNSENT 　　　　　　　　　XHRオブジェクトの作成後
1 OPENED 　　　　　　　　　open()メソッドの呼び出し後
2 HEADERS_RECEIVED 　　　responseheadの受信後
3 LOADING 　　　　　　　　　responsebodyを受信中
4 DONE 　　　　　　　　　　　XHR通信の完了後

サンプルコード

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        kk = JSON.parse(this.responseText);
        document.getElementById("demo").innerHTML = kk.name;
    }
};
xmlhttp.open("GET", "/try/ajax/jsondata.txt", true);
xmlhttp.send();