Système de vote en ligne dynamique implémenté en utilisant PHP et AJAX-tutoriel php-php.cn

Système de vote en ligne dynamique implémenté en utilisant PHP et AJAX

WBOY

Libérer： 2023-08-09 19:02:01

original

1089 Les gens l'ont consulté

Système de vote en ligne dynamique implémenté en utilisant PHP et AJAX

Système de vote en ligne dynamique implémenté à l'aide de PHP et AJAX

Introduction :
Avec le développement d'Internet, de plus en plus d'activités commencent à s'appuyer sur des systèmes de vote en ligne pour recueillir les opinions et les choix des utilisateurs. Cet article explique comment utiliser PHP et AJAX pour implémenter un système de vote en ligne dynamique simple. Grâce à ce système, les utilisateurs peuvent sélectionner les options de vote et consulter instantanément les résultats du vote.

Créer une base de données et une table de données
Tout d'abord, nous devons créer une base de données MySQL et y créer une table de données pour stocker les données liées aux options de vote et aux résultats du vote. Vous pouvez utiliser l'instruction SQL suivante pour créer une table de données nommée "vote":

CREATE DATABASE vote;

USE vote;

CREATE TABLE options (

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

Copier après la connexion

);

Créer une page de vote
sur le page de vote, nous devons afficher les options de vote et mettre à jour les résultats du vote instantanément après avoir cliqué pour voter via AJAX. Voici un exemple de code HTML pour une page de vote simple :

<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>

Copier après la connexion

<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>

Copier après la connexion

< / body>

Créer un script PHP pour gérer les demandes de vote
Nous devons créer un script PHP nommé "vote.php" pour traiter la demande de vote de l'utilisateur et mettre à jour les résultats de vote de l'option correspondante dans la base de données. Voici un exemple de code simple "vote.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();
}

Copier après la connexion

Résumé :
Avec l'exemple de code ci-dessus, nous pouvons implémenter un système de vote en ligne dynamique simple. Les utilisateurs peuvent sélectionner les options de vote et afficher instantanément les résultats du vote. Ce système peut être facilement appliqué aux besoins de vote de diverses activités. Dans le même temps, nous pouvons également étendre et optimiser en fonction des besoins réels, par exemple en ajoutant une variété de graphiques de statistiques de vote, de délais de vote et d'autres fonctions. J'espère que cet article vous aidera à comprendre et à mettre en pratique les systèmes de vote en ligne dynamiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!