AjaxとPHPでいいね機能を作る

Question

AjaxとPHPでいいね機能を作りたい

現在、Ajax，PHP，SQLでいいね機能を作っています。jQueryからいいねボタンが押されるのを検知するところまで完成したのですが、情報をPHPに投げて、DBに登録する部分が上手くいきませんでした。ご教授いただければ幸いです。

試したこと

Ajaxの使い方を複数調べ、適用してみた。
jQueryのdata部分の挙動を調べ、検証してみた

---

postsテーブル の例（id は auto_increment）

id	post_name	like
1	Tom	0
2	Bob	0

• 投稿内容などは省略
• divというハートマーク（button等ではなくdiv）
• 今回はいいねを消す機能はなく、ただ押したらDBをUPDATEするのみ（likeに1を足す）
• 結果的に、いいね数の表示は不要でDBをUPDATEしたい
• セキュリティ対策は省略しています

<?php foreach($posts as $row): ?>
<!--投稿内容などは省略-->
<div class= "like-button"
      data-id= "<?php echo $row['id']; ?>"
      data-like= "<?php echo $row['like']; ?>" >
</div>
<?php endforeach; ?>

//いいねをするAjax
$(function(){
    ボタンを押したとき
    $('.like-button').on('click',function(){
        console.log('ボタンが押されました');
        const id = $(this).data('id');
        const like = $(this).data('like');
        $.ajax({
            type: 'POST',
            url: 'like.php', //post送信を受けとるphpファイル
            data: {'id':id, 'like':like}
        });
    });
});

<?php

if(isset($_SESSION['member'])){
    if(isset($_POST['id'], $_POST['like'])){
        //投稿テーブルのlikeに1を足す
        $post=$pdo->prepare('update posts set like=? where id=?');
        $post->execute([$_POST['like']+1, $_POST['id']]);
    }
}else{
    echo 'ログインしてください';
}

Comments

[m.ts10806]

細かいですけど
教授→教示

Answer 1

直接の回答ではなく作りの問題ですが

$post->execute([$_POST['like']+1, $_POST['id']]);

これだとAさんとBさんが同じタイミングで画面を見ててlike押したときに正しく加算されないので「画面に表示されている数に+1」ではなく、
「DBの現在値に+1」したほうが良いです。

posts set like=?
↓
posts set like=like+1

Comments

[masa_mf3]

いつもありがとうございます。今回はかなり省略しているため、あのように書かさせていただきました。実際はDBから引っ張ってきて+1しております。

[m.ts10806]

質問内容に書かれたことが我々回答者にとっては全てです。
変に省略したり改ざんしたりしてはお互い無駄足になるだけです。
では。

Answer 2

idという表記は文書id(仮にdid)とユーザーid(同uid)が必要になるので
やめたほうがいいでしょう。
didとuidの組み合わせをユニークにしておけばdidのcountを取れば済みます

Comments

[yambejp]

ちなみにuidはget/postで渡してはいけません（偽装される）
セッションから渡してあげてください

Answer 3

indexPHPに書かれている状態で、jQuery書いてあるところで、idとかlikeって取れてる？
その場面でidやlikeを表示してみてほしい、console.log()とかで。

さらに、const id =って書き方じゃなく
var id =なら、idは変数として初期化されてイコールの右辺の値を持たせることができそうだけど。