私は AJAX を初めて使用します。Ajax でコーディングするのに苦労していますが、楽しんでいます。私の問題は、それぞれに投票リンク機能があるループデータがあることです。私は ajax 関数を実行できましたが、各データをクリックすると、データベースから取得した最初の値である 1 つの値のみが得られます。これが私のコードです:
<span id="question">Vote for your Recipe!</span>
<?php $getData = $recipes->getBreakfast(); foreach($getData as $data) { ?>
<div class="item"><?php echo $data['recipe_id'] ?> </div>
<div class="score"><?php echo $data['vote']; ?></div>
<div class="a"><a href="">Vote</a><?php echo $data['recipe_title']; ?></div>
私のアヤックス:
$(document).ready(function() {
var self = $(this);
//var id = $(".item").html();
var score = $(".score").html();
$.ajaxSetup({
url: 'insert_vote.php',
type: 'POST',
cache: 'false',
});
$(".a").click(function() {
alert(score);
//self.find('.score').html(++score);
return false;
});
});
あなたのレシピに投票してください!
6 投票チキン
0 票
4 票
他のレシピをクリックしてもスコア値が 6 しか表示されない