Open Source Web Development Tutorials - Dev Shed

Ajax手法によるActive Client Page
（2009/01/27公開）

Ajaxの特長を利用する

　それでは、そもそもAjaxとは何でしょうか。

・AjaxはAsynchronous JavaScript And XML（非同期JavaScriptとXML）の略です。
・Ajaxは、2005年にGoogleのGoogle Suggestによって広められたプログラミング技術の一種です。
・Ajaxは新しいプログラミング言語ではなく、既存の標準を使う新しい方法です。
・Ajaxを使うと、より使いやすく、より高速な、優れたWebアプリケーションを作成できます。
・AjaxはJavaScriptとHTTPリクエストをベースとしたものです。

　簡単に言えば、Ajaxは新しいプログラミング言語ではなく、より優れた、高速な、対話性の高いWebアプリケーションを作成する技法です。

　Ajaxでは、XMLHttpRequestオブジェクトを使って、JavaScriptがサーバーと直接通信することが可能です。このオブジェクトにより、JavaScriptはページのリロードを行わず、Webサーバーとの間でデータを交換できます。

　AjaxはブラウザとWebサーバーとの間で非同期データ転送（HTTPリクエスト）を使って、Webページがサーバーから、ページ全体ではなく小さな単位で情報を要求できるようにします。

　Ajax技法により、インターネットアプリケーションをより小さく、高速に、そしてより使いやすくできます。AjaxはWebサーバーソフトウエアに依存しないブラウザテクノロジーです。次のようなWeb標準をベースとしています。

・JavaScript
・XML
・HTML
・CSS

　Ajaxで使っているWeb標準は十分に定義され、すべての主要なブラウザでサポートされているものです。Ajaxアプリケーションは、ブラウザやプラットホームに依存しません。

　Webアプリケーションには、デスクトップアプリケーションと比較して多くの利点があります。インストールとサポートが簡単で、開発も容易なため、より多くのユーザーが利用可能です。しかし、インターネットアプリケーションは従来のデスクトップアプリケーションと比較して、機能で劣っていたり、使いやすくなかったりする場合があります。Ajaxを使うことで、インターネットアプリケーションはより機能が豊富で、使いやすくなります。

AjaxのHTTPリクエスト

　従来のJavaScriptコーディングでは、サーバーのデータベースやファイルから情報を取得する場合や、ユーザーの情報をサーバーに送信する場合、HTMLフォームを作成し、サーバーに対してデータのGETまたはPOSTを行う必要があります。ユーザーは、[送信]ボタンをクリックして情報の送信や取得を行い、サーバーが応答し、結果が表示されている新しいページがロードされるのを待つ必要があります。

　サーバーは、ユーザーが入力を送信するたびに新しいページを返すため、従来のWebアプリケーションは低速で、使いにくい傾向があります。

　Ajaxでは、JavaScriptのXMLHttpRequestオブジェクトを使って、JavaScriptがサーバーと直接通信することが可能です。

　Webページは、HTTPリクエストによりWebサーバーに要求を行い、応答を受け取ることができます。ページをリロードする必要はありません。ユーザーが同じページを表示している間に、バックグラウンドでスクリプトにより、ページの要求や、サーバーへのデータの送信が行われますが、それに気づくことはありません。

　今回の記事はここからです。ちょっと休んで次の記事で続けましょう。