ajaxとは、JavascriptとXMLファイルによってサーバーと非同期通信を行う」ということ
サーバーと通信して、ブラウザから来たレスポンスに対して、HTMLでレスポンスを返す。
同期通信ではざっくりと下記の流れで画面表示する
1.ブラウザからサーバーにリクエスト
2.リクエストを元にファイルレスポンス
3.ブラウザが受け取る
この時に、すべての情報を通信しているので、一瞬画面が白くなる。
=>サーバーからレスポンスが返ってくるまでは他の作業はできない。
クライアントサイド(Webブラウザ上)で動くjavascriptが直接サーバーとのやりとりを行い、取得したデータを元に、HTMLファイルを更新します。この時、送受信するデータはHTMLではなくXMLで実施する。
画面遷移が無くても画面を変更したり、データが更新されたりする 良く目にする例は、Google Maps、Gmailなど
1.ブラウザからサーバーに一部の情報をリクエスト
2.サーバーからXMLファイルをレスポンスする
3.受け取ったXMLファイルを元にHTMLを更新する
Ajaxは下記に記載している複数の機能が組み合わさって実装されている
- XMLHttpRequest
- JavaScript
- DOM
- XML
参考記事:https://qiita.com/hisamura333/items/e3ea6ae549eb09b7efb9