解説

Ajax（Asynchronous JavaScript and XML）はJavaScript等のスクリプト言語を使ってWebブラウザとサーバ間で非同期通信を行う技術の総称。「非同期」とはWebページ全体を再読み込み（フルページリロード）せずに、必要なデータだけをサーバから取得・送信できることを意味する。XMLHttpRequest（XHR）APIまたは現代的なfetch APIで実装される。Ajaxの代表的な活用例：Google Mapsの地図スクロール（スクロールに追従して地図タイルを部分的に取得）・検索エンジンのオートコンプリート（キー入力のたびに候補をリアルタイム取得）・SNSのタイムライン更新・フォームのバリデーション結果のリアルタイム表示。セキュリティの観点では：Ajax通信にはCORS（Cross-Origin Resource Sharing）ポリシーが適用される（同一オリジンポリシーによる制限）・JSON形式のデータ交換が主流（XMLから変化）・CSRF攻撃・XSSと組み合わせた攻撃に注意が必要。

なぜ他の選択肢は違うのか

選択肢 イ

CSS（Cascading Style Sheets）はHTML文書の見た目・レイアウト・フォント・色・アニメーション等を定義するスタイルシート言語。Webページのビジュアル表現を担当するが、サーバとの通信機能は一切持たない。地図スクロールや検索候補のリアルタイム表示に必要な「非同期通信」はCSSの機能範囲外。

選択肢 ウ

DOM（Document Object Model）はHTML/XMLの文書構造をツリー形式で表現し、JavaScriptからプログラムで文書内の要素を操作（追加・変更・削除）するためのAPIとデータ構造。DOMはページ構造の操作インターフェースであり、サーバとの非同期通信機能は含まない。AjaxはXMLHttpRequestでデータを取得し、DOMを操作して表示を更新する組み合わせで使われる。

選択肢 エ

SAX（Simple API for XML）はXML文書を先頭から順に読み込みながらイベント（タグ開始・タグ終了・テキスト等）を発生させるイベント駆動型のXMLパーサAPI。主にサーバサイドの大容量XML処理に使われる。ブラウザとサーバ間の非同期通信技術ではなく、XMLの解析ライブラリ。Ajaxが「Ajax」と呼ばれた初期はXMLが使われたが、現在はJSONが主流。

解くときのポイント

Ajaxはセキュリティ試験ではCSRF・CORS（クロスオリジン）・XSSとの関係で問われることも多い。XMLHttpRequestやfetch APIが実装技術として使われる。