Ajaxの考え方を初心者向けに理解しよう
Ajaxとはページを再読み込みせずにデータだけをやり取りする仕組みです。
たとえば検索結果をリアルタイムで更新する、郵便番号から住所を自動入力するといった機能で使われます。
昔は難しいイメージがありましたが、現在はfetch関数でシンプルに書けるようになっています。
非同期通信と同期通信の違い
ページをリロードして結果を表示するのが同期通信、リロードせず結果だけ反映するのが非同期通信です。
ユーザー体験が向上し、よりスムーズなWebアプリの動作が実現できます。
See the Pen Ajaxとは？初心者向けの考え方 by Syo Yanai (@h1-tech-japan) on CodePen.
初心者が意識すべきスタート地点
最初からfetchの細かいオプションを覚えるより「リロードなしで画面が変わる」という体験を得ることが大切です。
まずは簡単なJSONデータを取得して画面に表示する例から練習してみましょう。