“点赞”系统PHP，使用AJAX

Question

我想用 PHP 和 jQuery/AJAX 制作喜欢/不喜欢的系统..

这是我在 PHP foreach 中的表单...这里我为每个表单都有自己的 ID；

<?php foreach ($vid as $var) { ?>

<form class="classform" action="functions/videolike.php" method="post">
    <input type="text" name="id" value="<?php echo $var['video_id'];?>">
    <button class="submitbuttonclass"type="submit">Like</button>
</form> 
<?php } ?>

这是我的 Ajax 脚本；

<script>
// this is the id of the submit button
$(".submitbuttonclass").click(function() {
    $.ajax({
         type: 'post',
         url: "functions/videolike.php",
         data: $(".classform").serialize(), // serializes the form's elements.
         success: function(data)
         {
             alert(data); // show response from the php script.
         }
    });
    return false; // avoid to execute the actual submit of the form.
});
</script>

1. 代码工作但不正确；
2. 当我点击“赞”按钮运行良好时，我检查了数据库，计算、插入、删除，运行良好...
3. 但是我想用 AJAX 来做这个，因为如果用户点击喜欢按钮，刷新页面会在用户观看视频时停止视频。由于页面刷新，视频正在预加载...
4. 在我添加我的 ajax 脚本后，它就可以工作了。但是当我点击like按钮时，AJAX正在发布到PHP，只有f​​oreach循环中的最后一个id，

问题？ 如何让 AJAX 获取 PHP foreach 循环中的所有 id？

如果你想查看，这是我的 videolike.php；

<?php
session_start();
if($_POST['id'] && @$_SESSION["userid"]){

    require_once "connectdb.php";
    $id = $_POST["id"];


$VLcheck = "SELECT count(*) FROM `videolikes` WHERE user_id = ? AND liked_vid_id=?"; 
$reslike = $conn->prepare($VLcheck); 
$reslike->execute(array($_SESSION["userid"],$id));
$VLrow = $reslike->fetchColumn();
echo $VLrow;
if ($VLrow > 0){
    $VLcheck = "DELETE FROM `videolikes` WHERE user_id = ? AND liked_vid_id=?"; 
    $reslike = $conn->prepare($VLcheck); 
    $reslike->execute(array($_SESSION["userid"],$id));

} else {
    $curentsess= $_SESSION["userid"];
    $INSlike = $conn->prepare("INSERT INTO videolikes(user_id, liked_vid_id)
        VALUES('$curentsess','$id')");
    $INSlike->execute();


}} else {die;}  
?>

Answer 1

由于您有很多带有.classform 类的表单，所以您认为您的脚本应该如何选择合适的？

asnwer 是 - 脚本不能，你应该帮助它）。使用.closest 函数为点击的按钮找到最近的<form>：

$(".submitbuttonclass").click(function() {
    var form = $(this).closest("form");
    // or find closest element with class `classform`
    //var form = $(this).closest(".classform");

    $.ajax({
         type: 'post',
         url: "functions/videolike.php",
         data: form.serialize(), // serializes the form's elements.
         success: function(data)
         {
             alert(data); // show response from the php script.
         }
    });
    return false; // avoid to execute the actual submit of the form.
});