ウェブサイトコメントにグッドやバッド評価をつける機能について

###前提・実現したいこと
http://girlschannel.net/topics/1289337/
こちらのようにコメントにグッドやバッドを付けれる機能について知りたいのですが、どのような仕組みを利用しているのでしょうか？

###発生している問題・エラーメッセージ
そのサイトのソースを見てみると評価の数字自体はただの数字で、評価ボタンが押されるとリアルタイムで数字が変化していました。となるとボタンが押されたというイベントでソースコードを書き換えているのでしょうか？
###該当のソースコード

html
1<div id="vbox2" class="topic-rate flc">
2                  <div class="icon-rate-wrap icon-rate-wrap-plus">
3                    <p>+2829</p>
4                    <div class="icon-rate icon-plus-btn" state=""><img src="/img/parts_pc/icon_plus.png" srcset="/img/parts_pc/icon_plus.png 1x,/img/parts_pc/icon_plus@2x.png 2x" width="30" height="30" class="btn-rate"/><img src="/img/parts_pc/loading2.gif" width="20" height="20" class="icon-loading"/></div>
5                  </div>
6                  <div style="width:334px;" class="gage flc">
7                    <div style="width:98.1%;" class="plus"></div>
8                    <div style="width:1.9%;" class="minus"></div>
9                  </div>

行動規範の内容に同意します

回答1件

ベストアンサー

となるとボタンが押されたというイベントでソースコードを書き換えているのでしょうか？

半分正解で半分は不足ですね。
現在の状態（GOOD,BAD）はデータベースに持っておく必要があります（自分だけでなくほかの利用者にも見れるので）
押されたタイミングでajaxという仕組みを利用しサーバーサイドの言語（PHPなど）に評価（GOOD,BAD）を送信し、データベースに保存、
そして再度集計して現在の評価数を取得し、ajaxの返却値として取得し、
GOOD,BADの数を上書きしているという風になっています。
（細かいところは違うかもしれませんが、大まかにはこんな感じ）

投稿2017/08/04 08:23