FacebookのようなLike！ボタンを作りたい

質問

FacebookのようなLike!ボタンを押すとカウント集計されるようなものと作りたいと考えています。
しかし、通常のフォームやリンクボタンの場合には、ページ全体が更新されてしまうため、
ボタン部分だけが部分更新（投入or未投入）されるボタンを作成したいのですが、
何か参考になるようなプログラム例はありませんでしょうか。

「Facebook　いいねボタン　開発」などで検索を行っても、Facebookのボタンをブログなどへ
乗せるための方法ページしか見当たらず、どのような技術要素を用いれば、
部分更新ボタンが作成できるのかわからないでいます。

大変抽象的な質問になり申しわけございませんが、
何か断片的でもかまいませんので、プログラム例が記載された
ページをご紹介頂けると大変うれしく思います。

よろしくお願いいたします。

回答No.1

nak2052 · ベストアンサー

自分で仕事で作ってるのですが、サンプル用に切り出すのは大変ですし、解説の時間もありません。ざっとした方法は教えられます。

AJAXを使ってください。

1「いいねボタン」をクリックしたら、onClickかイベントで、JavaScript関数を呼び出してください。
2呼び出されるJavaScript関数では、サーバ上のプルグラムにボタンがクリックされたことを知らせる値をポストで送信し、サーバから帰ってきた部分的HTMLを使って、「いいねボタン」が表示されている部分のHTMLを書き換えます。（<div>か<span>タグのIDを目印にして、そのタグのinnerHTMLを書き換える）
3サーバ上のプログラムはうけた値によって処理をして、「投入」みたいな表示に変わる部分HTMLを送信します。

Ajaxの参考書やWEBを検索するとサンプルはあるはずです。
prototype.jsやjQueryを使うとだいぶ楽になります。

お礼

早々のご回答ありがとうございます。
実現に必要な要素技術もわからない状況だったために、
AJAXやjQueryなどキーワードを知ることができ、
これから早速実現方法について改めて調査したいと思います。