用jquery更新點贊總數

Question

我已經使用jquery，html和php為頁面創建了一個贊按鈕。 現在，我正在嘗試讀出喜歡的總數。

當我單擊時，它將遍歷我的jquery和php，並在控制台中返回總金額。 但是直到更新頁面我才能在頁面上看到它。

PHP和HTML

 <?php


$page = new CMS();
$gp = $page->getPage();


foreach ($gp as $sp) {
  //var_dump($sp);

  echo "<div class='pub'>";

  echo "<h4 class='pub-headline'>" . $sp['title'] . "</h4>"; 
  echo "<article class='pub_art'>" . $sp['content'] . "</article>";  
  echo "<p class='pub_created'>" . $sp['created'] . "</p>"; 
  echo "<p class='pub_created_by'>". $sp['writer'] ."</p>";

  echo "<button class='show'>Show</button>"; 
  echo "<button class='noshow'>Hide</button>";

  echo "<div class='vote_widget'>";  
  echo "<div class='voting' onclick='vote(" . $sp['id'] . ", 1)'></div>";

  echo"<div class='total_likes'>" . $sp['likes'] . "</div>";

  echo"</div>";

  echo "</div>";

 }
?>

jQuery的

function vote(id, likes) {


    $.post("classCalling4.php", 
            { id: id, likes: likes }, function(result){

                console.log(result)
                $(".total_likes" + id) .html(result);
                ;
    });

面向對象的PHP

    public function updateLikes($id, $likes) {

    $id = mysqli_real_escape_string($this->db, $id);
    $likes = mysqli_real_escape_string($this->db, $likes);

    $id = intval($id);
    $likes = intval($likes);


    $sql = "UPDATE pages
    SET likes = likes+1
    WHERE id = $id ";

    $result = mysqli_query($this->db, $sql) or die("Fel vid SQL query 1"); // Hit kommer jag


    $sql2 = "SELECT * from pages WHERE id = $id ";
    $result2 = mysqli_query($this->db, $sql2) or die ("Fel vid SQL query 2");


    $row = mysqli_fetch_array($result2);
    $tot_likes = $row['likes']; 

    echo $tot_likes;

}

Answer 1

您應該將id添加到類名，因為您在jquery腳本中假設了這個：

$(".total_likes" + id) .html(result);

所以您的html應該是：

echo"<div class='total_likes".$sp['id']."'>" . $sp['likes'] . "</div>";

如果您使用此類提供樣式，則可以使用id替換該類：

echo"<div class='total_likes' class='total_likes".$sp['id']."'>".$sp['likes']."</div>";

並且您的JavaScript應該是：

$("#total_likes" + id) .html(result);

Answer 2

由於total_likes在foreach循環中，因此您應將id與類名連接起來以使其唯一。 所以，代替

  echo"<div class='total_likes'>" . $sp['likes'] . "</div>";

做這個

 echo"<div class='total_likes'".$sp['id'].">" . $sp['likes'] . "</div>";