ajax when clicked the vote button

Author: buonzz

resources/js/app.js

@@ -30,3 +30,14 @@ Vue.component('example-component', require('./components/ExampleComponent.vue').
 const app = new Vue({
     el: '#app',
 });
+
+
+$('.btn-vote').each(function(i, el){
+    $(el).click(function(){
+        $.ajax({
+            type: 'GET',
+            url: '/track.php?vote_method='+ vote_method+ '&' + 'photoID=' + photo_id
+          });
+    });
+
+});

resources/views/welcome.blade.php

@@ -87,11 +87,11 @@
               <p class="card-text">{{ $photo->Description }}</p>
               <div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
-                  <button type="button" class="btn btn-sm btn-outline-secondary">
-                    <a href="/track.php?vote_method=up&photoID={{$photo->picID}}"><span class="oi oi-arrow-thick-top"></span></a>
+                  <button type="button" class="btn btn-sm btn-outline-secondary btn-vote" data-photo-id="{{$photo->picID}}" data-vote-direction="up"><
+                    span class="oi oi-arrow-thick-top"></span>
                   </button>
-                  <button type="button" class="btn btn-sm btn-outline-secondary">
-                  <a href="/track.php?vote_method=down&photoID={{$photo->picID}}"><span class="oi oi-arrow-thick-bottom"></span></a>
+                  <button type="button" class="btn btn-sm btn-outline-secondary btn-vote"  data-photo-id="{{$photo->picID}}"  data-vote-direction="down">
+                      <span class="oi oi-arrow-thick-bottom"></span>
                   </button>
                 </div>
                 <small class="text-muted">{{ $photo->Votes}} votes</small>