Devsway

日々の記録とか記憶とか。


いきさつ


chromeのデベロッパーツール画面のNetwork欄を見ていて気になりました。

typeのXHRとは?


XHRとは?


XMLHttpRequestの略です。



XMLHttpRequestとは?


APIです。

ブラウザで非同期通信するための。

JavaScriptで使用するときにはXMLHttpRequestオブジェクトを使用します。


XMLHttpRequest (XHR) は、JavaScriptなどのウェブブラウザ搭載のスクリプト言語でサーバとのHTTP通信を行うための、組み込みオブジェクト(API)である。

すでに読み込んだページからさらにHTTPリクエストを発することができ、ページ遷移することなしにデータを送受信できるAjaxの基幹技術である。

だそうです。


かんたんにいうと


実際に書いてみる。


こんなかんじ。

これはブラウザのデバッグコンソールとかでも動きます(たぶん。。)


var httpRequest = new XMLHttpRequest(),
url = "https://httpbin.org/get";
httpRequest.open("GET", url, true);
httpRequest.send();

実践では


実際のAjaxではラッパーのライブラリを使用することがほとんどなので、あんまりXMLHttpRequestについて詳しいAPIまで理解する必要はないでしょう・・・


参考


https://ja.wikipedia.org/wiki/XMLHttpRequest




カテゴリー

オレオレIT用語辞典