Salam semua. Saya sedang mereka bentuk platform yang serupa dengan platform media sosial dengan sistem siaran, suka dan ulasan. Saya menggunakan jquery untuk suka dan setiap kali saya mahu menghantar mesej teks dan ingin menyukai siaran, hanya siaran pertama berfungsi tetapi sistem suka untuk siaran lain tidak berfungsi. Bagaimana saya boleh menyelesaikannya. Ini ialah index.php yang mengandungi kod pos dan jquery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>post</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="font/css/all.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#likings").click(function(){
var name = $("input").val();
$.post("like.php", {
sugess: name
}, function(data, status){
$("#like").html(data);
});
});
});
</script>
</head>
<?php
include('conn.php');
?>
<body>
<?php
$sql = "SELECT * FROM post";
$result = mysqli_query($conn, $sql);
while($row = mysqli_fetch_assoc($result)){
$id = $row['id'];
$name = $row['name'];
$image = $row['image'];
$action = $row['action'];
$date = $row['date'];
$time = $row['time'];
$sqlcount = "SELECT * FROM likes WHERE postid=$id";
$resultcount = mysqli_query($conn, $sqlcount);
$count = mysqli_num_rows($resultcount);
echo '
<center>
<div class="post">
<div class="up">
<div>
<img class="img" src="img/'.$image.'">
</div>
<div class="uptext"><span class="name">'.$name.' </span><span class="des"> '.$action.'
<br>'.$date.' at '.$time.'</span></div>
<div>
...
</div>
</div>
<img src="img/'.$image.'">
<div class="liking">
<div class="like">
<i class="fa fa-thumbs-up" aria-hidden="true" style="text-align: left; color: navy;"></i><span id="like">'.$count.'</span>
</div>
<div>
<p>23 comments</p>
</div>
</div>
<div class="likenow">
<div>
<input name="id" value="'.$id.'" hidden>
<i class="fa fa-thumbs-up" id="likings" aria-hidden="true" style="text-align: left; color: navy;"></i>like
</div>
<div>
<i class="fa-solid fa-message"></i> comment
</div>
</div>
<p style="text-align: left; margin-left: 20px; font-size: 10pt;">view more comments</p>
<div class="comments">
<p>itz celeb <br> very nice</p>
<p>titi kosi <br> so cute</p>
</div>
<div class="entercomment">
<div>
<img class="img" src="img/'.$image.'">
</div>
<div>
<input placeholder="Write a comment..."><i class="fa-solid fa-message" style="margin-left: 20px;"></i>
</div>
</div>
</div>
</center>';
}
?>
</body>
</html>
Ini kod php kegemaran saya.
<?php
include("conn.php");
$name = $_POST['sugess'];
$sql = "INSERT INTO likes(postid, likes) VALUES('$name', '1')";
$result = mysqli_query($conn, $sql);
$sqlcount = "SELECT * FROM likes WHERE postid=$name";
$resultcount = mysqli_query($conn, $sqlcount);
$count = mysqli_num_rows($resultcount);
echo $count;
?>
Jadi bagaimana saya harus menyelesaikannya?
Kandungan yang serupa harus digunakan untuk setiap siaran. Saya menggunakan gelung sementara tetapi saya masih mempunyai masalah yang sama.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Masalah anda ialah dengan pemilih, ia adalah pemilih ID, dengan pemilih ID anda hanya boleh memilih satu elemen, cuba tukar ia kepada pemilih kelas
kepada
Sepatutnya ok
<script> $(document).ready(function(){ $(".likings").click(function(){ var name = $("input").val(); $.post("like.php", { sugess: name }, function(data, status){ $("#like").html(data); }); }); }); </script>