応用情報技術者 2012年 秋期 午前2 問32
問題文
JavaScript などのスクリプト言語を使って、Webブラウザに組み込まれているサーバとの非同期通信機能を利用する技術であり、地図の高速なスクロールや、キーボード入力に合わせた検索候補の逐次表示などを実現するものはどれか。
選択肢
ア：Ajax（正解）
イ：CSS
ウ：DOM
エ：SAX
JavaScriptの非同期通信技術とは【午前2 解説】
要点まとめ
- 結論：JavaScriptを使いブラウザとサーバ間で非同期通信を行う技術はAjaxです。
- 根拠：Ajaxはページ全体を再読み込みせずにデータを送受信し、動的な画面更新を可能にします。
- 差がつくポイント：CSSやDOMは見た目や構造操作、SAXはXML解析技術であり、非同期通信機能とは異なります。
正解の理由
ア: Ajaxは「Asynchronous JavaScript and XML」の略で、JavaScriptを用いてサーバと非同期に通信し、ページの一部だけを更新する技術です。これにより、地図の高速スクロールやリアルタイム検索候補表示など、ユーザー体験を向上させる動的な機能が実現できます。
よくある誤解
CSSはスタイルシートで見た目を制御する技術であり、通信機能はありません。DOMは文書構造の操作を指し、通信とは直接関係しません。
解法ステップ
- 問題文の「非同期通信」「JavaScript」「Webブラウザ」をキーワードとして認識する。
- 選択肢の技術の役割を整理する（CSSはスタイル、DOMは文書構造、SAXはXML解析）。
- 非同期通信を実現する技術としてAjaxを選択する。
選択肢別の誤答解説
- イ: CSSはWebページの見た目を制御する言語で、通信機能は持ちません。
- ウ: DOMはHTMLやXML文書の構造を表現・操作するAPIであり、通信とは無関係です。
- エ: SAXはXML文書を逐次解析する技術で、通信機能はありません。
補足コラム
AjaxはXMLだけでなくJSONやプレーンテキストなど様々な形式のデータを扱えます。近年はFetch APIやAxiosなどのライブラリもAjaxの代替として使われ、より簡単に非同期通信が可能です。
FAQ
Q: Ajaxは必ずXMLを使わなければいけませんか？
A: いいえ。AjaxはXMLに限らずJSONやテキストなど多様なデータ形式を扱えます。
A: いいえ。AjaxはXMLに限らずJSONやテキストなど多様なデータ形式を扱えます。
Q: CSSで非同期通信は可能ですか？
A: いいえ。CSSはスタイル指定の言語であり、通信機能はありません。
A: いいえ。CSSはスタイル指定の言語であり、通信機能はありません。
関連キーワード: Ajax, 非同期通信、JavaScript, Webブラウザ、DOM, CSS, SAX, JSON, Fetch API
\ せっかくなら /
応用情報技術者を
クイズ形式で学習しませんか？
クイズ画面へ遷移する→
すぐに利用可能！