Php - Ajax 喜欢/不喜欢按钮



我通过使用我的脚本的喜欢/不喜欢按钮从互联网搜索中找到了这个脚本

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> 

相关内容

  • 没有找到相关文章

最新更新