Ajaxとは「Asynchronous JavaScript and XML」の略で、Webページをリロードせずにサーバーと通信する技術です。ページ全体を更新することなく、必要な部分だけを動的に書き換えることができます。
もう少し詳しく
従来のWebページでは、サーバーからデータを取得するたびにページ全体をリロードする必要がありました。Ajaxを使うと、JavaScriptがバックグラウンドでサーバーと通信し、受け取ったデータで画面の一部だけを更新できます。
これにより、ユーザーは待ち時間が減り、スムーズな操作感を得られます。名前に「XML」とありますが、現在はJSONというデータ形式が主流です。
具体例
Ajaxは私たちが日常的に使うWebサービスで広く活用されています。
- Googleマップ：地図をドラッグすると、新しいエリアのデータが自動で読み込まれる
- 検索サジェスト：検索ボックスに文字を入力すると、候補が即座に表示される
- SNSのいいねボタン：ページをリロードせずに「いいね」の数が更新される
- ショッピングカート：商品を追加してもページ遷移なしでカートが更新される
