AJAX はじめに
AJAX は、ウェブページ全体を再読み込みすることなく、ページの一部を更新できる技術です。
AJAX はバックグラウンドでサーバーとデータを交換し、ページの一部の内容を更新できます。
前提となる基礎知識
学習を続ける前に、以下の知識について基本的な理解が必要です：
- HTML / XHTML
- CSS
- JavaScript / DOM
これらの項目を先に学びたい場合は、私たちのホームページこれらのチュートリアルを参照してください。
AJAX とは？
AJAX = 非同期 JavaScript および XML。
AJAX は、高速で動的なウェブページを作成するための技術です。
バックグラウンドでサーバーと少量のデータを交換することで、AJAX はウェブページの非同期更新を可能にします。つまり、ウェブページ全体を再読み込みすることなく、ページの一部を更新できることを意味します。
従来のウェブページ（AJAX を使用しない）は、内容を更新する場合、ウェブページ全体を再読み込みする必要があります。
微博（Weibo）、淘宝（Taobao）、知乎（Zhihu）など、AJAX を使用したアプリケーションの例は多数あります。
AJAX の仕組み
- イベントトリガー（例：ボタンのクリックやページの読み込み）。
- AJAX リクエスト：JavaScript を使用して
XMLHttpRequestオブジェクトを作成し、サーバーにリクエストを送信します。 - サーバーがリクエストを処理：サーバー（通常は PHP、Node.js などを使用）はリクエストを受け取り、処理して応答データ（JSON、XML、HTML など）を返します。
- AJAX レスポンスの処理：ブラウザはレスポンスを受け取り、JavaScript を使用してページ上で内容を更新します。ページ全体を再読み込みする必要はありません。
AJAX は既存のインターネット標準に基づいています
AJAX は既存のインターネット標準に基づいており、それらを組み合わせて使用します：
- XMLHttpRequest オブジェクト（サーバーと非同期的にデータを交換）
- JavaScript/DOM（情報の表示/対話）
- CSS（データにスタイルを定義）
- XML（データを変換する形式として）
AJAX アプリケーションはブラウザやプラットフォームに依存しません！
Google Suggest
2005 年、Google は Google Suggest を通じて AJAX を普及させました。
Google Suggest は AJAX を使用して非常に動的な Web インターフェースを生み出しました：Google の検索ボックスにキーワードを入力すると、JavaScript がその文字をサーバーに送信し、サーバーは検索候補のリストを返します。
今すぐ AJAX を使い始める
AJAX は既存の標準に基づいています。これらの標準は、多くの開発者によって長年使用されてきました。
次の章を読んで、AJAX がどのように動作するか確認してください！
その他の拡張