先日、JavaScriptをいじっていた際に、大きな壁にぶつかった。

その壁とはAjaxである。

今回は、Ajaxについて得た知識を共有する。

 

Ajaxとは

Ajax とは「 Asynchronous JavaScript  +  XML 」の略称で、ある Web ページを表示した状態のまま、別のページや再読込などを伴わずに Web サーバー側と通信を行い、動的に表示内容を変更する手法。

JavaScript の拡張機能である jQuery と XML を用いた非同期通信のこと。Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がる。

同期通信と非同期通信の違い

ウェブの世界で言えば、

同期通信は、通信を１つずつ実行していくため、前の通信が終わらないと次の通信が始まらないが、

非同期通信は、前の通信の終了を待たずに、次の通信を始めることができる。

例えるならば、キャッチボールをしていながら、直後にサッカーボールを蹴るようなイメージ。忙しなく動くこと動くこと（笑）

Ajaxの利点

つまり、Ajaxの利点は、

• ページを切り替えることなく、サーバーとの通信ができること
• 他の処理と並行して、サーバーと通信ができること

Ajaxの欠点

• 処理の実行タイミングが理解しづらい