Le meilleur didacticiel instance PHP Votez AJAX en 2024, dans ce didacticiel, vous pouvez apprendre Vote AJAX,Exemples expliquent - page HTML,Fichier PHP,Fichier texte,
Dans les exemples suivants, nous allons démontrer une procédure de vote par lequel les résultats du vote sont affichés dans le cas où la page ne sont pas actualisées.
Lorsque l'utilisateur sélectionne l'option ci-dessus pour execute nommé "getVote ()" fonction. Cette fonction est déclenchée par l'événement "onclick".
Code de fichier poll est la suivante:
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3write.com)</title>
<script>
function getVote(int) {
if (window.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)
{
document.getElementById("poll").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","poll_vote.php?vote="+int,true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="poll">
<h3>你喜欢 PHP 和 AJAX 吗?</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>
</div>
</body>
</html>
fonction getVote () effectue les étapes suivantes:
Au- dessus de cette page de serveur appelé par le JavaScript est appelé "poll_vote.php" fichiers PHP:
<?php
$vote = htmlspecialchars($_REQUEST['vote']);
// 获取文件中存储的数据
$filename = "poll_result.txt";
$content = file($filename);
// 将数据分割到数组中
$array = explode("||", $content[0]);
$yes = $array[0];
$no = $array[1];
if ($vote == 0)
{
$yes = $yes + 1;
}
if ($vote == 1)
{
$no = $no + 1;
}
// 插入投票数据
$insertvote = $yes."||".$no;
$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/($no+$yes),2)); ?>px;
height:20px;" ></span>
<?php echo(100*round($yes/($no+$yes),2)); ?>%
</td>
</tr>
<tr>
<td>否:</td>
<td>
<span style="display: inline-block; background-color:red;
width:<?php echo(100*round($no/($no+$yes),2)); ?>px;
height:20px;"></span>
<?php echo(100*round($no/($no+$yes),2)); ?>%
</td>
</tr>
</table>
Lorsque la valeur sélectionnée est envoyée à partir de JavaScript dans le fichier PHP va se produire:
Fichier texte (poll_result.txt) stockant des données de la procédure de vote.
Il stocke les données comme suit:
3||4
Le premier chiffre indique "Oui" décompte des voix, et le second nombre représente le «Non» vote compte.
Remarque: Pensez à autoriser que votre serveur Web pour modifier le fichier de texte.Ne laissezpasd' autres personnes à avoir accès, en plus de serveur Web (PHP).