任何想法而不是这个<a>喜欢</a>

any idea instead of this <a>Like</a>

本文关键字：lt gt 喜欢 任何想      更新时间：2023-09-26

我用php和mysql编写了一个简单的脚本，当我点击Like链接时，它会通过ajax发送产品id，并获得产品的总点赞数。但是当我点击类似链接页面重定向到page.php，但我希望我的索引页面不重定向到pagephp，而是产品id发送到page.php。我使用这个简单的html标记。请帮助解决此问题。

<a href="page.php?id=ABC">Like</a>
<div class="likediv"></div>

AJAX/JQUERY

$(document).ready(function(){
  var catValue = "ABC";
  $.ajax({
   type:"post",
   url:"ajax_likedproduct.php",
   data:"catValue="+catValue,
   success: function(data){
     $('.likediv').text(data);
   }
  });
});

PHP

if(isset($_POST['catValue'])) {
   $data = $_POST['catValue'];
   $sql = mysql_query("SELECT SUM(likes) AS TotalLike FROM likes WHERE     product_id='".$data."';");
while($likes = mysql_fetch_assoc($sql)){
    if($likes['TotalLike'] == 0 || $likes['TotalLike'] == ""){
      echo'0';
    }else{
        echo $likes['TotalLike'];
    }
}
}

在原始锚点href中拥有您想要的完整链接，并用一个公共类装饰所需的链接（以便更容易访问）：

<a href="ajax_likedproduct.php?id=ABC" class="like">Like</a>
<div class="likediv"></div>

代码如下：

// Use a single delegated handler for all like links
$(document).on('click', 'a.like', function(e){
   // Stop the normal click behavior
   e. preventDefault();
   // Use the existing URL for progressive enhancement
   var url = $(this).attr("href");
   $.ajax({
      type:"post",
      url: url,
      success: function(data){
        $('.likediv').text(data);
      }
   });
});
相关文章：