Ajax入門について

Ajax(エイジャックス)の基本は、JavaScriptのプログラミングとJavaScript/Ajaxライブラリの活用です。広範囲なAjax技術の中から、特に入門者向けの記事を中心として 役に立つ情報を配信中。prototype.jsやjQueryなどのAjaxライブラリーを使ったサンプルも紹介しています。
Ajaxの基礎であるJavaScriptの基本を学ぶ為に、入門者向けの「やりなおしのJavaScript」を連載(ThinkITに掲載)。 「やりなおしのJavaScript」では、毎回小さなアプリケーションを作りながら、DOMの制御方法や、Ajax/JavaScriptの基礎文法の復習をしていきます。Think IT掲載終了後、続編である 「続・やりなおしのJavaScript」も、本サイト内で公開予定。

Ajaxとは

Ajaxとは、Asynchronous JavaScript + XMLの略称です。Asynchronousとは、「非同期」という意味で、 従来型のWebサイトのように、ブラウザとサーバがキャッチボールをするようにデータのやり取りをするのではなく(同期)、 ブラウザーとサーバが「非同期」で通信をするという事を意味しています。非同期になることによって、Webサイトの操作性が 上がり、ユーザビリティの向上に貢献することができます。XMLは、Ajaxにおける通信時のデータ形式を表していますが、 実際には、XMLだけでなく、JSON(ジェイソン)、CSV、テキストなど様々な形式でデータの交換をすることが可能です。 参考記事:Ajaxとは

新着Ajaxサンプル

最新記事情報

dom:loaded [prototype.js]

dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。

» dom:loadedに関する詳細はこちら

width(), height() [jQuery]

width(), height()は、要素の横幅と縦幅を設定するjQueryのメソッドです。

» width(), height()に関する詳細はこちら

Ajaxサンプル: サムネイル表示[previewbubble/websnapr]

previewbubble(websnapr)を使ったサムネイル表示のサンプルを紹介します。

» Ajaxサンプル:サムネイル表示[previewbubble/websnapr]に関する詳細はこちら

『WEBサイト制作者に役立つメルマガ』発行!