Ajaxで何ができる？

Ajaxで何ができるのでしょうか。

簡単に言えば「サーバーとやり取りし、ページの一部を更新できる」です。

何のために？

そもそも、ページは一度読み込まれると、リロードしない限りそれっきりです。

なので、サイト閲覧者が何かアクションを起こした時にページの一部を更新したくてもできないのです。

そこでそれを可能にするのがAjaxです。

例えば、このサイトで使用している「いいね」機能はAjaxで動いています。

「いいね」を押したあと、「いいね」を押された数と「押したよ」と一目でわかるよう色をつける、というようにページの一部を更新することが可能になります。

◎いいねが押された

　　↓

◎現在のいいねの数をサーバーから取得

　　↓

◎押された1を加算しサーバーのデータベースを更新

　　↓

◎ページのいいねの数を更新し色をつける

こんな感じです。

他にもAjaxを使用する例として、検索条件を入力した際に即座に該当件数を表示する、ということもできます。