注意事項
この記事は、「ぶっちゃけ下書きが溜まってきて処分したかったけど消すのはもったいない」という筆者の気まぐれで作成された記事である。
某5才児教育番組みたいなノリの記事なので真剣にAjaxを学びたい人は回れ右でお願いします。
この記事を読んで得られるものは、ふわっとしたAjaxの理解だけです。
Ajaxってなに？
javascriptでWebページを再読込(ページ更新処理)せずにページの内容を変更する技術のこと。
名前の由来は「Asynchronous JAvascript + Xml」の頭文字を取ったもの。
そもそもAjaxを使うと何ができるの？
画面をポチポチしても、画面が固まらなくなるよ！
何で画面をポチポチすると固まるの？
画面をポチポチすると、新しい画面のデータを取りに行くから、戻ってくるまで画面が固まるんだよ！
じゃあ何でAjaxだと固まらないの？
見えないところで新しい画面のデータを取りに行って、今の画面にこっそり渡してるから固まらないんだよ！
ちょっとだけまじめに同期と非同期のお話
- 同期とは(画面が固まる方)
画面の更新処理(HTTPリクエスト)をサーバーに送信すると、サーバーから応答(HTTPレスポンス)が返ってくるまで処理を待機する(=画面操作ができなくなる)こと。 - 非同期とは(画面が固まらない方)
画面の更新処理(HTTPリクエスト)をサーバーに送信しても、サーバーからの応答(HTTPレスポンス)の有無にかかわらず処理を継続する(=待機中も画面操作ができる)こと。
Ajaxでできること(めっちゃざっくり)
Google検索のサジェスト、FXのチャートとかなんかリアルタイムで動いてるやつ。