PHP 示例 - AJAX 民意调查
AJAX 民意调查
下面的示例将演示无需重新加载即可显示结果的民意调查。
到目前为止,您喜欢 PHP 和 AJAX 吗?
示例解释 - HTML 页面
当用户选择上述选项时,将执行名为“getVote()”的函数。该函数由“onclick”事件触发:
<html>
<head>
<script>
函数 getVote(int) {
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange =函数(){
如果(这个.readyState == 4 && 这个.status == 200){
文档.getElementById (“轮询”).innerHTML=这个.responseText;
}
}
xmlhttp.open("GET","poll_vote.php?vote="+int,true);
xmlhttp.发送();
}
</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>
getVote() 函数执行以下操作:
- 创建 XMLHttpRequest 对象
- 创建在服务器响应准备就绪时执行的函数
- 将请求发送到服务器上的文件
- 请注意,URL 中添加了一个参数(投票)(值为“是”或“否”选项)
PHP 文件
上述 JavaScript 调用的服务器上的页面是一个名为“poll_vote.php”的 PHP 文件:
<?php
$投票 = $_REQUEST['投票'];
//获取文本文件的内容
$文件名 = “poll_result.txt”;
$内容 = 文件($文件名);
//将内容放入数组中
$array = 爆炸(“||”,$content[0]);
$是 = $数组[0];
$否=$数组[1];
如果 ($vote == 0) {
$是=$是+1;
}
如果 ($投票 == 1) {
$否=$否+1;
}
//将投票插入到txt文件中
$insertvote = $yes."||".$no;
$fp = fopen($文件名,“w”);
fputs($fp,$insertvote);
fclose($fp);
?>
<h2>结果:</h2>
<table>
<tr>
<td>是的:</td>
<td><img src="poll.gif"
宽度='<?php echo(100*round($yes/($no+$yes),2)); ?> ‘
高度='20'>
<?php echo(100*round($yes/($no+$yes),2)); ?>%
</td>
</tr>
<tr>
<td>不:</td>
<td><img src="poll.gif"
宽度='<?php echo(100*round($no/($no+$yes),2)); ?> ‘
高度='20'>
<?php echo(100*round($no/($no+$yes),2)); ?>%
</td>
</tr>
</table>
该值从 JavaScript 发送,并且发生以下情况:
- 获取“poll_result.txt”文件的内容
- 将文件内容放入变量中,并将一个添加到选定变量
- 将结果写入“poll_result.txt”文件
- 输出民意调查结果的图形表示
文本文件
文本文件(poll_result.txt)是我们存储民意调查数据的地方。
它的存储方式如下:
0||0
第一个数字代表“赞成”票数,第二个数字代表“反对”票数。
笔记: 请记住允许您的 Web 服务器编辑文本文件。请执行不是 让每个人都能访问,仅限 Web 服务器 (PHP)。