Ajaxとは
Ajaxとは
非同期通信
を行い、ブラウザ、サーバー間でやり取りを行うこと。
「Asynchronous JavaScript + XML」の略です。XMLはJSONだったりします。
同期通信と非同期通信について
同期通信
ブラウザからサーバーにリクエストを投げる際、全て
の情報を送信する。
その為、レスポンスが返ってくるまで他の作業を行えない!!
画面遷移する際に一瞬白くなっているのは同期通信を行っているから。非同期通信 ブラウザからサーバーにリクエストを投げる際、
一部
の情報を送信する。 その為、レスポンスを待たずに他の作業を行える!!
例としてはGooglemap。
Ajaxを行う為に使用されている技術
XMLHttpRequest
クライアントとサーバーの間でデータを伝送するための機能をクライアント側で提供する JavascriptのAPI。
最近はモダンなAPIとしてfetch
というのもあります。
DOM
「Document Object Model」の略です。
以下のようにツリー状になっています。これのおかげでJavascriptはHTML要素の情報を取得することができます。
JSON
最近の主流だと思います。
プログラムが人間、コンピューター両方にとって読みやすいです。
また、JSON は JavaScript のオブジェクトで構成されているため、そのまま JavaScript で記述したプログラムで扱うことができます。