Ajax

Ajaxは、動的なWebサイトを作成するために使われる、Web開発技術の組み合わせです。「Ajax」という用語は、ほとんどの技術系頭字語のようにすべて大文字では書かれませんが、各文字は「Asynchronous JavaScript And XML」を表しています。そのため、Ajaxを使うWebサイトでは、JavaScriptとXMLを組み合わせて動的なコンテンツを表示します。

Ajaxの「asynchronous（非同期）」という部分は、Webサーバーへのリクエストが行われる方法を指しています。スクリプトがWebサーバーにリクエストを送ると、データを受け取り、それをWebページに表示できます。これらの処理は少し異なるタイミングで発生するため、非同期と見なされます。ほとんどのAjax実装では、XMLHttpRequest APIが使われます。これは、JavaScriptコード内から呼び出せるサーバーリクエストの一覧を含んでいます。データは通常、解析しやすいため、XML形式でブラウザーに返されます。ただし、サーバーが書式設定されていないプレーンテキストとしてデータを送信することもできます。

Ajaxを強力なものにしているのは、スクリプトをサーバー上ではなくクライアント側で実行できることです。つまり、Webページの読み込みがすでに完了した後でも、JavaScript関数からサーバーにリクエストを送信できます。その後、サーバーから受け取ったデータを、ほかのコンテンツを再読み込みせずにページへ表示できます。PHPやASPのようなサーバーサイドスクリプト言語を使った場合、新しいコンテンツを表示するにはページ全体を再読み込みする必要があります。

気付いていないかもしれませんが、さまざまなWebサイトでAjaxが使われているのを見たことがあるでしょう。たとえば、入力中に検索候補の一覧を表示する検索エンジンでは、候補の表示にAjaxが使われている可能性が高いです。検索結果をスクロールするとさらに多くのサムネイルが表示される画像検索では、通常、画像の一覧を続けて取得するためにAjaxが使われます。Facebookページの下部にある「Older Posts」をクリックすると、Ajaxによって追加の投稿が表示されます。

Ajaxは、ページの残りの部分を再読み込みせずにWebページで新しいコンテンツを取得して読み込めるようにすることで、Webをより動的なものにしてきました。Ajaxを使うことで、Web開発者はリソースを効率的に利用し、訪問者に反応のよいインターフェースを提供するインタラクティブなWebサイトを作成できます。