TIL(Web)-2020.12.17(ajax)


今日は非同期通信ajaxについて学びました

Today I Learned

  • AJAX

  • リクエストページ

  • 同期要求
  • function showDialog(url){
        var request = new [window.]XMLHttpRequest();
        //var request = new ActiveXObjext("Microsoft.XMLHTTP");
        request.open("GET",url,false);
        request.send(null);
        
        alert(request.responseText);
    }
  • XMLHttpRequest:windowオブジェクトの通信方法
  • XMLからHttpに要求する情報を取得する機能
  • クロスソース:外部サーバへのアクセスを禁止します.タイトルにcrossoriginを許可する情報がある場合は、可能です.(提供者による許可)
  • local <-> local (O)
  • local <-> naver (X)
  • xhr.open("GET","/data.txt",false);
  • getでデータを取得します.txtパスを要求します.
  • false:同期、true:非同期
  • 非同期要求
  • は、他のタスクが完了したときにタスクを実行するように要求する.
  • このタスクを実行するように委任された関数をコールバック関数と呼びます.
  • xhr.onreadystatechang:xhrのreadystate状態が変化したときに実行
  • xhr.readyState
  • 0 : unsent
  • 1 : opened
  • 2 : headers received
  • 3 : loading
  • 4 : done

  • 今日はajaxを勉強しました.