Cet article présente principalement la fonction de machine à voter PHP+AJAX. Cet article vous la présente en détail à travers un exemple de code. Les amis qui en ont besoin peuvent s'y référer
Enfin, AJAX se traduit par ". Javascript et XML asynchrones", qui peuvent réaliser un chargement partiel du contenu Web et améliorer l'expérience utilisateur. De nos jours, de nombreux sites Web utilisent cette technologie. Quoi qu'il en soit, vous savez qu'elle permet de réaliser une mise à jour asynchrone des pages Web. Bien entendu, les exemples suivants sont relativement simples et ne reflètent pas cette fonctionnalité~
Voter
Nouveau fichier [AJAX vote.html]
<html> <head> <script type="text/javascript"> // 这里是js代码 function getVote(int) { if (window.XMLHttpRequest) { // 创建 XMLHttpRequest 对象 // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码 xmlhttp = new XMLHttpRequest(); } else { //IE6, IE5 浏览器执行的代码 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // 监听响应 xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState ==4 && xmlhttp.status == 200) { // 找到 id 为 poll 的控件 document.getElementById('poll').innerHTML = xmlhttp.responseText; } } // 向PHP脚本传递主要参数q xmlhttp.open("GET", "poll_vote.php?q=" + int, true); xmlhttp.send(); } </script> </head> <body> <p id="poll"> <h3>你喜欢吃吗?</h3> <form> 是:<input type="radio" name="vote" value="0" onclick="getVote(this.value)"><br> 否:<input type="radio" name="vote" value="1" onclick="getVote(this.value)"> </form> </p> </body> </html>
Créez le fichier de script [poll_vote.php]
<?php // 接收参数q $vote = htmlspecialchars($_REQUEST['q']); // 获取文件中存储的数据(这里需要在同一目录下新建一个poll_result.txt文件) $filename = "poll_result.txt"; $conn = file($filename); // 将数据分割到数组 $array = explode("||", $conn[0]); $yes = $array[0]; $no = $array[1]; $count = $array[2]; if ($vote == 0) { $yes += 1; $count += 1; } if ($vote == 1) { $no += 1; $count += 1; } // 将投票数据保存到文档 $insertvote = $yes . '||' . $no . '||' . $count; $fp = fopen($filename, "w"); fputs($fp, $insertvote); fclose($fp); ?> <h2>结果:</h2> <table> <tr> <td>是:</td> <td> <span style="display: inline-block; background-color: green; width: <?php echo 100 * round($yes / ($yes + $no), 2);?>px; height: 20px;"></span><?php echo 100 * round($yes / ($yes + $no), 2); ?>% </td> </tr> <tr> <td>否:</td> <td> <span style="display: inline-block; background-color: red; width: <?php echo 100 * round($no / ($yes + $no), 2);?>px; height: 20px;"></span><?php echo 100 * round($no / ($yes + $no), 2); ?>% </td> </tr> </table> <p><?php echo "参与人数:" . $count; ?></p>
Créez un nouveau document vierge [poll_result.txt]
Répertoire à ce moment :
|-AJAX vote.html
|-poll_vote.php
|-poll_result.txt
Si différent, vous devez modifier le code correspondant ci-dessus
Effet :
Recommandations associées :
Partage de la conception et de la mise en œuvre du système de vote PHP plus MySQL
Exemple de partage de la fonction de vote d'humeur PHP
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!