ボタンクリックの処理が一度しかされない

Question

現在いいね機能を作っており、ボタンがクリックされるといいねがカウントされ、もう一度ボタンがクリックされるといいねが消えるという機能を作っています。
ボタンをクリックするといいねをカウントさせることはできたのですが、もう一度ボタンを押しても何も反応しません。
最初動作がおかしいと思ってコンソールを見た時は「Can't find valiable」というエラーが出ていたのですが今は何故が表示されていません。
ボタン処理周りのコードは以下のようになっています。

<input type="button" class="btn btn-success" value="いいね" onclick="clickedLikeButton()"/>

function clickedLikeButton() {
    @inject('likeService', 'App\Services\LikeService')
    {{$likeService->count($article->id, Auth::user()->id)}}
}

class LikeService
{
    public function count($articles_id, $users_id) {
      $like = DB::table('likes')->where('articles_id', $articles_id)->where('users_id', $users_id)->get();

      if ($like) {
        DB::table('likes')->where('articles_id', $articles_id)->where('users_id', $users_id)->delete();
      } else {
        DB::table('likes')->insert([
          'articles_id' => $articles_id,
          'users_id' => $users_id
        ]);
      }
    }
}

そして試しにclickedLikeButton関数内で

alert('aaa');

としてみると、ボタンを何回押してもアラートは表示され続けます。
なのでデータベースを操作している箇所が怪しいのではないかと思うのですが、どこがおかしいのか分かりません。
一旦以下のようにinsertの処理だけにしてみたのですが、ボタンを何回クリックしても最初の一回分しかデータはinsertできていません。

public function count($articles_id, $users_id) {
    DB::table('likes')->insert([
      'articles_id' => $articles_id,
      'users_id' => $users_id
    ]);
}

どなたか分かる方がいれば教えていただきたいです。よろしくお願いします。

Answer 1

クライアント側(Javascript)の処理とサーバー側(PHP)の処理を混同しています。
onclick等のJavascriptの処理でサーバーと通信するには、formかajaxによるリクエスト通信が必要です。
現状では、clickedLikeButtonの中のPHPの処理は、このテンプレートファイルを処理するタイミングのサーバーからクライアントに動的なHTMLファイルを送信する処理の際に一度実行されるだけです。
Laravelを行う前にまずは、HTML+JavaScriptと素のPHPを使ってformやajax処理とPHPのサーバー処理を勉強すると概念を把握しやすいと思います。
ドットインストール等で学習してみて下さい。
ドットインストール

Comments

[tarofess]

ご回答ありがとうございます。
formかajaxじゃないとダメなのですね。基礎的なところを学習してみようと思います。
ありがとうございます。