本文へスキップ
BecomeCoder
Wiki一覧コース一覧

Ajax / 非同期通信

最終更新: 2026年8月8日

Ajax(非同期通信)は、ページ全体を読み直さずに、裏側で サーバー とデータをやり取りし、必要な部分だけを更新 する仕組みです。検索窓に入力するそばから候補が出たり、SNSで画面を移動せず投稿が増えたりするのは、この技術のおかげです。

「非同期」とは、通信の返事を待つ間もページが固まらない ことを指します。裏で問い合わせつつ、返事が届いたらその部分だけ差し替える、という動きです。

sequenceDiagram
  participant U as 利用者
  participant J as JavaScript
  participant S as サーバー
  U->>J: 文字を入力
  J->>S: 裏で候補を問い合わせ
  S-->>J: 候補データ(JSON)
  J-->>U: 画面の一部だけ更新

仕組みとしては、JavaScriptAPI を呼び、返ってきた JSON データで DOM を書き換えます。ページ遷移のない軽快な操作感を生み、SPA の土台にもなっている、現代Webの基礎技術です。

← Wiki一覧に戻る