AJAX(Asynchronous JavaScript + XML)
仕様
XMLHttpRequest(HTTP通信を行うためのJavaScript組み込みクラス)による
同期/非同期通信を利用し通信結果に応じてHTML の内容をCSSとJavaScript用いて
動的にページの一部を変更する
サーバサイド側とのやりとりも通信部で発生するほか、.netにもAJAXが組み込まれているので、
一概にクライアント側のみの機能とはいえないが、JavaScript CSS HTMLをメインとして構成してることから
クライアントで視覚的に処理をし、結果をサーバに渡して処理するのが基本スタイルだろうと思う
データの送受信形式には、XML JSON などがある
JvaScriptの概要とYUIを利用したサンプルとコード
(覚書程度に、解説と実行可能なサンプルコードを用意した)
名称 | 内容 | download |
---|---|---|
JavaScript Object Notation | サンプルコード | |
JavaScript Object Notation | サンプルコード | |
YAHOO.widget.CalendarGroup | サンプルコード | |
YAHOO.widget.Panel | サンプルコード |
AJAX Libraly一覧
(一から作ってもかまわないが、神レベルのハッカー達が創ったライブラリが以下にある)API | Library | 内容 |
---|---|---|
本家リファレンス | prototype.js | ダイナミックなウェブアプリケーションの開発を緩和するのを目指すJavaScript Framework |
本家リファレンス | Extend for Prototype | prototype.jsのクラス関係を使いやすくした拡張ライブラリ。トップページのUsageが拡張機能の使い方です。prototype.jsの拡張なので、prototype.js本体が必要です。 |
本家リファレンス | Prototype.Tidbits | prototype.js拡張ライブラリ 属性を条件にした要素取得/Cookie操作/ブラウザ情報取得を拡張。トップページのUsageが拡張機能の使い方です。prototype.jsの拡張なので、prototype.js本体が必要です。 |
本家リファレンス |
Yahoo YUI | GUIの部品を手軽に操作できるように構成されたライブラリ |
本家リファレンス | YUI Ext | YUI Extension. YUIの拡張ライブラリ的な位置づけで、視覚効果の部品がかなり用意されている。 |
本家リファレンス | このサイトでも一部使ってるライブラリです。GUI的なライブラリを得意としてる感じで、ariatown.netの下部にあるDojoX Fisheye Widgetパネルもその一部です | |
本家リファレンス | JKL | パース・変換に特化したライブラリ。JSON<->XML<->CSVなどの変換メソッドが用意されている。 |
本家リファレンス | Prototypeをベースにした機能重視のライブラリ。超軽量ライブラリとして有名。2007/09/22日現在 ver.1.2.1で45KB程度だった |
関連商品