php和Ajax 投票系统

最新推荐文章于 2025-07-18 08:30:08 发布

原创最新推荐文章于 2025-07-18 08:30:08 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #php #xmlhttprequest #投票系统 #object #function

php代码分享专栏收录该内容

70 篇文章

订阅专栏

本文介绍了一个使用PHP实现的简单投票系统，并结合了AJAX技术进行无刷新更新投票结果。该系统通过GET请求传递投票选项，利用PHP处理投票逻辑并更新到本地文件中。页面上采用JavaScript和AJAX轮询的方式实时显示投票结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?php
$vote=$_GET['vote'];
//echo $vote;
$filename="poll.txt";
$content=file($filename);    //把整个文件读入一个数组中
$arr=explode('||',$content[0]);
$yes=$arr[0];
$no=$arr[1];
if($vote==0){
	$yes=$yes+1;
}
if($vote==1){
	$no=$no+1;
}
$intpoll=$yes."||".$no;
$fp=fopen($filename,'w');
fputs($fp,$intpoll);
fclose($fp);
?>
<h2>POLL:</h2>
<table>
<tr>
<td>Yes:</td>
<td>
<img src="poll.gif"
width='<?php echo(100*round($yes/($no+$yes),2)); ?>'
height='20'>
<?php echo(100*round($yes/($no+$yes),2)); ?>%
</td>
</tr>
<tr>
<td>No:</td>
<td>
<img src="poll.gif" 
width='<?php echo(100*round($no/($no+$yes),2)); ?>'
height='20'>
<?php echo(100*round($no/($no+$yes),2)); ?>%
</td>
</tr>
</table>
//poll.js
var xmlHttp
function GetXmlHTTPObject(){
	var Object=null;
	if (window.XMLHttpRequest)
 {
 Object=new XMLHttpRequest()
 }
else if (window.ActiveXObject)
 {
 Object=new ActiveXObject("Microsoft.XMLHTTP")
 }
	return Object;
}
function statechang(){
	if(xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
		 document.getElementById("poll").
         innerHTML=xmlHttp.responseText;
	}
}
function getVote(int){
	xmlHttp=GetXmlHTTPObject()
	if(xmlHttp==null){
		alert('错误！');
		return
	}
	var url="poll.php"
url=url+"?vote="+int
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange= statechang
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
//poll.html
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>投票（POLL）</title> 
<script src="poll.js"></script> 
</head> 
<body> 

<div id="poll">
<h2>PHP AND AJAX POLL</h2>

<form>
Yes: 
<input type="radio" name="vote" 
value="0" onclick="getVote(this.value)">
<br />
No: 
<input type="radio" name="vote" 
value="1" onclick="getVote(this.value)">
</form>
</div>

</body> 
</html>  
//还有一个poll.txt文件