Ajaxでhtmlの部分更新

概要

いまさらあけましておめでとうございます。
2月に入り、入社1年経ちました。
素敵な1年になるよう頑張ります!!


さて本題です。
Ajaxを使ってブラウザを更新せずにhtmlの一部だけを数秒毎更新する方法です。
チャットや掲示板をイメージしてもらえると、分かりやすいかと思います。
本当はDBとかに値が入ったら更新というのがベストですが、簡易版ということで。

内容

prototype.jsを使用。

html


Ajax


まとめ

これだけでページの一部を指定時間ごとに更新させることができます。
今はあまり使われないですかね?
昔の掲示板とかチャットは5秒毎に更新とかあった気がします。
でもページ全体の更新が多かったので、
5秒毎に画面がチカチカして、ちょっと鬱陶しかったですね。笑

実はこれやったのだいぶ前なんです。
“これだけで”とか言いましたが、
Ajaxの概念みたいなところからなかなか理解できなかった覚えがあります…。
少しずつですが、いろんなことを覚えたいですね!

花山泰弘

2017.2
IT業界仲間入り!
飲食歴8年

難しいっす…

※記事の内容は保証はしておりません(執筆時期や実施環境により挙動が変わるものがある為)。
別途検証してご利用いただくことをおすすめいたします。