php - 我需要创建一个不刷新页面的 "vote"按钮

Question

您好，我正在构建一个允许对视频进行投票的视频投票网站。我希望用户能够在不中断视频播放的情况下投票。

这是我正在使用的片段。

if ($_POST['vote']) {
    $sql = mysql_query("UPDATE videos SET vid_votes=vid_votes+1 WHERE vid_id=$vid_id"); 
}
$votebutton ="<form action='index.php?id=$vid_id' method='post' enctype='multipart/form-data'><input name='vote' type='hidden' id='vote' value='$vid_id'><input type='submit' name='Submit' value='Vote for it!' /></form>";

我根据登录选民今天是否已经投票的查询回显投票或不投票。

此脚本记录投票并将用户返回到他正在观看的视频。如果用户已经在一天内投票，则更多脚本会将其更改为取消投票按钮。但是我主要关心的是如何在不重新启动视频的情况下让这个按钮运行脚本？

Answer 1

我会用 jQuery 做到这一点。您肯定必须使用 jQuery，但它很好地包装了 AJAX 调用，并使它们以标准方式跨多个平台工作。

首先，您需要加载 jQuery。您可以从 CDN 加载它:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

接下来，在您的 JavaScript 中，只需对您现有的 PHP 脚本进行 .post() 调用:

$.post('yourscript.php', 
    {vid_or_whatever: 12345},
    function (data, textStatus, jqXHR) {
        /* Handle the response data here. */
    }
);

您可以在此处找到有关此方法的更多详细信息:http://api.jquery.com/jQuery.post/

最后，确保您在服务器端使用带有 PDO 的准备好的查询。这样，您就可以避免 SQL 注入(inject)漏洞。