読者です 読者をやめる 読者になる 読者になる

よーやまブログ(PHPと自動化と語学と資格)

PHPと自動化と語学にハマったWebプログラマー。主にWebネタ、MySQL、Linux、Apache、語学をやるよ

Ajaxとは? メリットは? 具体例は? 超初心者向けにまとめてみた

JavaScript、Google Apps Script

どうも、yohyamaです。

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

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

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

 

1、Ajaxの意味

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

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

 

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

 

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

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

それが無くなるのです!

 

2、Ajaxを使うメリット

画面を更新しないので、待たされる感覚がありません!

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

 

 

3、Ajaxが使われている例

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

 

ajax

4、Ajaxのライブラリ

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

Prototype.js

jQuery

 

まとめ

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