当我单击“喜欢”链接时,我使用php和mysql编写了一个简单的脚本,用于对产品进行评分,它通过ajax发送产品ID,并获得产品的喜欢总数。但是,当我单击“喜欢”链接页面时,将页面重定向到page.php,但我希望索引页面不重定向到page.php,而是将产品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);
}
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句