jQueryなしのAjax

最終更新日: 2019年01月24日

JavaScript

function getItems(){

          var xmlhttp = null;

          try{
            xmlhttp = new XMLHttpRequest(); // まずXMLHttpRequestオブジェクトをインスタンス化
          }catch(trymicrosoft){
            try{
              xmlhttp =  new ActiveXObject("Msxm2.XMLHTTP");
            }catch(othermicrosoft){
              try{
                xmlhttp = new ActiveXObject("microsoft.XMLHTTP");
              }catch(faild){
                xmlhttp = null;
                alert("ただいまサーバーに障害が発生しております。お使いのサービスは正常に動作しない可能性があります。");
              }
            }
          }

          var url = "api.json";

          xmlhttp.open("GET", url, true); // 接続

          xmlhttp.send(null); // こちらからサーバーへは何も値を送らない

          // サーバーからレスポンスが帰ってくるまでの道筋

          xmlhttp.onreadystatechange = function(){ // リクエストの処理状態が変更されたら
            //ここでは無名関数だが通常の関数を実行させてもよい

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
              //console.log(xmlhttp.status);
              //console.log(xmlhttp.responseText);
              //console.log(xmlhttp.responseType);

              document.getElementById("result").innerHTML = "取得成功！";
              var data = JSON.parse(xmlhttp.responseText) ; // json形式の文字列をjsonに変換
              console.log(data);
              
        }

function getItems(){

var xmlhttp = null;

try{

xmlhttp = new XMLHttpRequest(); // まずXMLHttpRequestオブジェクトをインスタンス化

}catch(trymicrosoft){

try{

xmlhttp = new ActiveXObject("Msxm2.XMLHTTP");

}catch(othermicrosoft){

try{

xmlhttp = new ActiveXObject("microsoft.XMLHTTP");

}catch(faild){

xmlhttp = null;

alert("ただいまサーバーに障害が発生しております。お使いのサービスは正常に動作しない可能性があります。");

}

var url = "api.json";

xmlhttp.open("GET", url, true); // 接続

xmlhttp.send(null); // こちらからサーバーへは何も値を送らない

// サーバーからレスポンスが帰ってくるまでの道筋

xmlhttp.onreadystatechange = function(){ // リクエストの処理状態が変更されたら

//ここでは無名関数だが通常の関数を実行させてもよい

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

//console.log(xmlhttp.status);

//console.log(xmlhttp.responseText);

//console.log(xmlhttp.responseType);

document.getElementById("result").innerHTML = "取得成功！";

var data = JSON.parse(xmlhttp.responseText) ; // json形式の文字列をjsonに変換

console.log(data);

}

コメントをするコメントをキャンセル

コメントはありません。

jQueryなしのAjax

コメントをする コメントをキャンセル

コメント

コメントをするコメントをキャンセル