色んなコツをまとめた雑学ブログ

コツ事典

関連記事

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

2019/04/28
 
この記事を書いている人 - WRITER -
いろんなことまとめてます

なんとなくは理解しているけど、キチンと知らない。

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

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

 

 

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

 

まとめ

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

この記事を書いている人 - WRITER -
いろんなことまとめてます

Copyright© コツ事典 , 2019 All Rights Reserved.