Ajaxの基本的な仕組みをサンプルで学習

ようこそAjaxな日々へ。各コンテンツを上の箱へドラッグドロップしてください。

Ajaxで非同期な通信を行います。xmlhttpを使ったオーソドックスな方法からprototype.jsを 使ったAjax.Request,Ajax.Updaterなどの通信の仕方を勉強します。IE7にも対応しています。

web2.0式にタグを使う開発方法を勉強します。xmlは今や必須のアイテムです。

YAHOOやGOOGLEのような別のサイトからXMLデータを取得する方法を勉強します。 クロスドメイン制約などの決まりがあり、自サイトのデータを扱うより開発の手間がかかります。

JSONPを使えば別ドメインにあるデータをCGIなど使わず簡単に取得できます。 JSONPは取得するデータ形式がJson形式でなければなりません。ここでは Jqueryを使ってJSON形式のデータを扱います。

ScriptTaculousを使ってドラッグドロップの基本的な動きやスライド操作について勉強します。

ScriptTaculousのeffect関数を使うと様々な動きをするオブジェクトが作成できます。 少し遊んでみましょう。

Ricoライブラリを使うと図形の形を簡単に変える事ができます。ここでは右上、左上の角を丸くした 図形を作ってみます。ホームページを作るときに重宝します。