Ajax
読み
エージャックス
意味
- Webブラウザからページ全体を再読み込みせずに非同期通信でデータを取得する技術
- JavaScriptでHTTPリクエストを送り、必要な部分だけDOMを書き換える開発手法
- 入力フォームや検索補完など、操作のたびに即座に結果を反映させるUX向上の定番パターン
比喩
料理を配膳するロボットのようなもの。テーブル全体を片付けずに、必要な皿だけ素早く差し替えられる。
語源
Asynchronous JavaScript and XML = 非同期JavaScriptとXML
例文
- Ajaxで検索ボックスに入力した瞬間、候補がリアルタイムに表示されるようにした。
- フォーム送信をAjax化してページ遷移なしでバリデーション結果を返す。
- Fetch APIでJSONを取得しAjax風に部分更新を行う。
よくある勘違い
- AjaxはXMLしか使えないと思うこと → JSONやFormDataなどさまざまな形式で通信できる