bigmac-jp blog

web開発関連のメモ

JavaScript XMLHttpRequest メモ

XMLHttpRequest
JavaScript標準機能でhttp通信をおこなうことができる。
XMLHttpRequest - Web API | MDN

XMLHttpRequestの代わりとしてFetch APIが実装されているので、XMLHttpRequestを使う必要はない。
jQueryAjaxXMLHttpRequestをベースに実装されている。

XMLHttpRequestは非同期と同期モードがある。
openメソッドの第三引数がtrueの場合は非同期モード、falseの場合は同期モードとなる。
非同期モード

var request = new XMLHttpRequest();
var URL = 'http://localhost:3000/api/v1/list';
request.open('GET', URL, true);
request.onload = function(){

    if(request.status == 200){
        var data = this.response;
        console.log(data);
    }

}