使用PHP和AJAX实现的动态在线投票系统-php教程-PHP中文网

使用PHP和AJAX实现的动态在线投票系统

WBOY

发布： 2023-08-09 19:01:43

原创

1347人浏览过

使用php和ajax实现的动态在线投票系统

使用PHP和AJAX实现的动态在线投票系统

引言：
随着互联网的发展，越来越多的活动开始借助在线投票系统来收集用户意见和选择。本文将介绍如何使用PHP和AJAX实现一个简单的动态在线投票系统。通过这个系统，用户可以选择投票选项并即时查看投票结果。

建立数据库和数据表
首先，我们需要创建一个MySQL数据库，并在其中创建一个数据表来存储投票选项和投票结果的相关数据。可以使用如下的SQL语句创建一个名为“vote”的数据表：

CREATE DATABASE vote;

USE vote;

立即学习“PHP免费学习笔记（深入）”；

CREATE TABLE options (

id INT(11) NOT NULL AUTO_INCREMENT,
name VARCHAR(255) NOT NULL,
votes INT(11) NOT NULL,
PRIMARY KEY (id)

登录后复制

);

毕节热线企业建站系统6.0

毕节热线企业建站系统拥有一下系统功能，且具备完整后台，功能没有限制。一、公司介绍系统：将您的公司展现给广大用户，提高企业知名度。二、内容管理系统：可以发布新闻、公司动态等内容。三、产品展示系统：展示产品，同时提供在线订购功能。四、人才招聘系统：发布公司招聘信息，同时提供在线应聘功能。五、下载系统：支持下载分类。六、留言系统。七、投票系统。本次更新修改内容： 1.增加下载功能。 2

查看详情

创建投票页面
在投票页面中，我们需要展示投票选项，并通过AJAX实现点击投票后即时更新投票结果。以下是一个简单的投票页面的HTML代码示例：

zuojiankuohaophpcn!DOCTYPE html>
<html>
<head>

<title>动态在线投票系统</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function(){
        $(".vote-button").click(function(){
            var optionId = $(this).data("option-id");
            $.ajax({
                url: "vote.php",
                method: "POST",
                data: {optionId: optionId},
                success: function(response){
                    $("#result-container").html(response);
                }
            });
        });
    });
</script>

登录后复制

</head>
<body>

<h1>动态在线投票系统</h1>
<div id="options-container">
    <?php
        // 连接数据库
        $conn = new mysqli("localhost", "username", "password", "vote");
        if ($conn->connect_error) {
            die("连接数据库失败: " . $conn->connect_error);
        }
        
        // 查询投票选项
        $sql = "SELECT * FROM options";
        $result = $conn->query($sql);
        
        // 输出投票选项
        if ($result->num_rows > 0) {
            while($row = $result->fetch_assoc()) {
                echo '<div class="option">
                        <span class="option-name">' . $row["name"] . '</span>
                        <button class="vote-button" data-option-id="' . $row["id"] . '">投票</button>
                    </div>';
            }
        } else {
            echo "暂无投票选项";
        }
        
        $conn->close();
    ?>
</div>
<div id="result-container">
    <!-- 投票结果将在这里显示 -->
</div>

登录后复制

</body>
</html>

创建处理投票请求的PHP脚本
我们需要创建一个名为“vote.php”的PHP脚本来处理用户的投票请求，并更新数据库中对应选项的投票结果。以下是一个简单的“vote.php”的代码示例：

<?php

if(isset($_POST["optionId"])){
    // 连接数据库
    $conn = new mysqli("localhost", "username", "password", "vote");
    if ($conn->connect_error) {
        die("连接数据库失败: " . $conn->connect_error);
    }
    
    // 获取选项ID和更新投票结果
    $optionId = $_POST["optionId"];
    $sql = "UPDATE options SET votes = votes + 1 WHERE id = $optionId";
    $conn->query($sql);
    
    // 查询更新后的投票结果
    $sql = "SELECT * FROM options";
    $result = $conn->query($sql);
    
    // 输出投票结果
    if ($result->num_rows > 0) {
        while($row = $result->fetch_assoc()) {
            echo '<div class="result">
                    <span class="option-name">' . $row["name"] . '</span>
                    <span class="option-votes">' . $row["votes"] . ' 票</span>
                </div>';
        }
    } else {
        echo "暂无投票结果";
    }
    
    $conn->close();
}

登录后复制

总结：
通过上述代码示例，我们可以实现一个简单的动态在线投票系统。用户可以选择投票选项并即时查看投票结果。这个系统可以轻松应用于各种活动的投票需求中。同时，我们也可以根据实际需求进行扩展和优化，例如添加多种投票统计图表、投票时间限制等功能。希望本文对你理解和实践动态在线投票系统有所帮助。

以上就是使用PHP和AJAX实现的动态在线投票系统的详细内容，更多请关注php中文网其它相关文章！