Ajaxとは

• Asynchronous JavaScript + XML (AJAX)の略
• 非同期でブラウザページをリロードすることなく、HTTPリクエストを送ることができる

var xhr = new XMLHttpRequest();
xhr.open('GET','sample.php');
xhr.onload = function (){
 console.log(xhr.response);
};
xhr.send();

が基本形となる。
これでmsample.phpに対してGETリクエストが発行される。
XMLHttpRequestオブジェクトのインスタンス作成
openメソッドでHTTPメソッドとのURIを指定。
イベントの設定
sendメソッドでリクエスト

がJavaScriptで非同期通信を行うのに必要な要素

Ajaxイベントについて

addEventListenerでclickを指定することと同じくらいにhttpリクエストの進捗状況をトリガーにしてイベントを設定できる。
上記のonloadは「結果取得が完了」した時に発火するイベント。