我通过使用我的脚本的喜欢/不喜欢按钮从互联网搜索中找到了这个脚本
http://wcetdesigns.com/view.php?dtype=tutorials&category=php&id=22
用于单个帖子时,一切都很好,但是,
我想对所有来自 while 循环的文档使用此评级脚本
例如,我有新闻脚本,列出了所有新闻,并且在标题附近您会看到喜欢/不喜欢按钮。(如堆栈溢出网页),我想分别对所有这些内容进行评级。在此脚本中,我无法在同一页面中分隔文章 ID
你能帮我吗?
首先,您需要为每个按钮指定它适用于哪篇文章,您可以使用 data- 属性轻松完成
<button class="votebutton" data-article="1" data-vote="1">Up vote</button>
<button class="votebutton" data-article="1" data-vote="-1">Down vote</button>
<span class="votes" data-article="1"><?=//print the current number of votes of this article//?>
现在你需要在单击按钮时做一些事情,所以你的javascript看起来像这样:
$('.votebutton').on("click", function(){
vote = $(this).attr("data-vote");
article = $(this).attr("data-article");
rateArticle(vote, article);
})
现在你需要看起来像这样的 rateArticle() 函数:
function rateArticle(vote, article){
var data = 'vote='+rating+'&articleID='+article;
$.ajax({
type: 'POST',
url: 'rateArticle.php',
data: data,
success: function(votes){
$('.vote[data-article='+article+']').html(votes);
}
});
}
在服务器端,您将发布到的 rateArticle.php 文件如下所示:
$vote = $_POST['vote'];
$articleID = $_POST['articleID'];
$currentVotes = ; //fill it with the votes that the article currently have
if($vote != "-1" || vote != "1"){
//goddamn script kids messing with us again, let's put them back where they belong
header("Location: http://www.lemonparty.com"); //probably not this, but you can think of something
}
if(userHasAlreadyVoted()){ //if user has already voted we just return the current number of votes
echo $currentVotes;
}else{
$newVotes = $currentVotes + $vote;
//save newVotes to db...
echo $newVotes;
}
仅此而已...
我已经编写了这段代码,它适用于在 p.h.p 代码中使用 ajax 的喜欢不喜欢:)
我把它分成三页,分别命名为test1.php、test1.js、test1php.php
测试1.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("school");
?>
<html>
<head>
<script type="text/javascript" src="test1.js"></script>
</head>
<body>
<form action="" method="post" enctype="">
<table id="status_id">
<?php
$qry = mysql_query("SELECT * from s_user");
while($row = mysql_fetch_array($qry)){
$uid = $row['u_id'];
$status = $row['u_status'];
$uname = $row['u_uname'] . "<br />";
?>
<tr>
<td><?php echo $uname; ?></td>
<td><div id=""><?php echo $status; ?></div></td>
<td><input type="button" onclick="return change_status(this.value);" value="<?php echo $uid; ?>"></td>
<?php } ?>
</tr>
</table>
</form>
</body>
</html>
测试1.js
function change_status(country)
{
// alert("hellow");
if (country.length==0)
{
//alert("hellow");
document.getElementById("status_id").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("status_id").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","test1php.php?status_id="+country,true);
xmlhttp.send();
}
test1php.php
<?php
mysql_connect("localhost","root","");
mysql_select_db("school");
$id = $_GET['status_id'];
$q = mysql_query("SELECT * from s_user WHERE u_id = $id");
$r = mysql_fetch_array($q);
$fetch_status = $r['u_status'];
if($fetch_status == 1){
mysql_query("UPDATE s_user SET u_status = 0 WHERE u_id = '$id'");
}else{
mysql_query("UPDATE s_user SET u_status = 1 WHERE u_id = '$id'");
}
?>
<table id="status_id">
<?php
$qry = mysql_query("SELECT * from s_user");
while($row = mysql_fetch_array($qry)){
$uid = $row['u_id'];
$status = $row['u_status'];
$uname = $row['u_uname'] . "<br />";
?>
<tr>
<td><?php echo $uname; ?></td>
<td><div id=""><?php echo $status; ?></div></td>
<td><input type="button" onclick="return change_status(this.value);" value="<?php echo $uid; ?>"></td>
<?php } ?>
</tr>
</table>