PHP+AJAX 投票器功能

最新推荐文章于 2021-12-03 20:59:37 发布

waveclouds

最新推荐文章于 2021-12-03 20:59:37 发布

阅读量273

点赞数

分类专栏： php

php 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个使用PHP和Ajax技术实现的在线投票器。通过Ajax技术实现网页局部刷新，提升用户体验；利用PHP处理投票数据并实时更新投票结果。

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

终于到AJAX，翻译过来就是”异步Javascript和XML”，他可以实现网页内容的部分加载，可提高用户体验。现在有很多网站都有用这技术，反正你知道他能实现网页的异步更新就差不多了。当然下面的例子都相对简单，并没有体现它这一特点~投票器

新建文件【 AJAX投票.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>

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

</div>

</body>

</html>

创建【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>

新建一个空白的文档【poll_result.txt】

此时目录：

|-AJAX投票.html
|-poll_vote.php
|-poll_result.txt

如果不同则需修改上面相应的代码

效果：

总结

以上所述是小编给大家介绍的PHP+AJAX 投票器功能，希望对大家有所帮助