これは読んでおこう

キホン

Ajax:「Asynchronous JavaScript + XML」(えい・じゃっくす)

Garrett氏によるとAjaxとは、

  • XHTML と CSS を用いた、Web 標準に基づくプレゼンテーション
  • Document Object Model (DOM) によるダイナミックな表示と相互作用
  • XML と XSLT による、データの変換や操作
  • XMLHttpRequest による、データの非同期的な取得
  • それらを JavaScript によって結びつける

という技術の集合のことらしい。 つまり、HTML、CSS、JavaScript、XML、DOM、XSLT あたりを知っていれば何とかなる(はず)。

サンプルを作ってみる

参考:XMLHttpRequestについて - Hawk's W3 Laboratory

参考:XMLHttpRequest入門【メソッド等の確認とシンプルなコード】

作ったサンプル:AjaxTest.html

Hawk'sさんのサンプルを参考にさせていただきました。 というか、ほとんどそのままです。 ありがとうございました。

動作確認について

ローカルファイルを開いて動作させようとすると、セキュリティの問題でブロックされることがあります。このため、本番環境に近いところにファイルを置いて動作確認をしないといけないという点が、すこし面倒に感じるかもしれません。

資料