Ajaxとは? 簡単な使い方、サンプルサイトをまとめてみた

Ajaxとは? 簡単な使い方、サンプルサイトをまとめてみたなんとなくは理解しているけど、キチンと知らない。

ということで、サクッとまとめてみました。

(僕自身が初心者なので、初心者向けの内容です。あしからず。)

Ajaxとは

なんだ凄そうに見えますが、Ajax自体は既存の技術の組み合わせです。

Ajaxとは、「Asynchronous JavaScript + XML」の略称です。

簡潔に言うと、Ajaxとは「JavaScriptとXMLを用いた非同期通信」のことです。

すごく大雑把にまとめると、「画面を更新しないデータの通信」ということです。

データを通信しようとすると画面が変わりますよね!(少なくともブラウザの読み込み中になります)

それが無くなるのです!

Ajaxの使い方、サンプル

Ajaxを使うメリットですが「画面を更新しないので、待たされる感覚がありません!」

いちいち全部読み込むのではなく、必要なところだけを更新するので早い!

Ajaxの使い方

こちらの動画サイト(どっとインストール)で具体的な解説がされています。

http://dotinstall.com/lessons/basic_jquery_v2/25216

Ajaxに関するライブラリは膨大にありますが、とりあえずメジャーどころを押さえておけばOKでしょう。

  1. Prototype.js
  2. jQuery

Ajaxのサンプル

Googleで検索するときに出てくる「Google サジェスト」が有名です。

ajax

まとめ

イメージさえ掴めば簡単です。あとは、どのように使いこなすかがポイントになりそうですね。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする