当前位置 : IT培训网 > PHP开发 > php教程 > php实战教程之AJAX 投票

php实战教程之AJAX 投票

时间：2016-12-08 11:39:49  来源：php培训网  作者：郑州IT培训网  已有：名学员访问该课程
标签(Tag):   php入门知识(3)PHP实战教程(4)
今天，IT培训网小编要给大家分享的是php实战教程之AJAX 投票，这是现在很常用的一个技能，大家可要认真学习了。

今天，IT培训网小编要给大家分享的是php实战教程之AJAX 投票，这是现在很常用的一个技能，大家可要认真学习了。

在下面的实例中，我们将演示一个投票程序，通过它，投票结果在网页不进行刷新的情况下被显示。

你喜欢 PHP 和 AJAX 吗?

是:

否:

实例解释 - HTML 页面

当用户选择上面的某个选项时，会执行名为 "getVote()" 的函数。该函数由 "onclick" 事件触发。

poll.html 文件代码如下：

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.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>

getVote() 函数会执行以下步骤：

创建 XMLHttpRequest 对象

创建在服务器响应就绪时执行的函数

向服务器上的文件发送请求

请注意添加到 URL 末端的参数(q)(包含下拉列表的内容)

PHP 文件

上面这段通过 JavaScript 调用的服务器页面是名为 "poll_vote.php" 的 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>

当所选的值从 JavaScript 发送到 PHP 文件时，将发生：

获取 "poll_result.txt" 文件的内容

把文件内容放入变量，并向被选变量累加 1

把结果写入 "poll_result.txt" 文件

输出图形化的投票结果

文本文件

文本文件(poll_result.txt)中存储来自投票程序的数据。

它存储的数据如下所示：

3||4

第一个数字表示 "Yes" 的投票数，第二个数字表示 "No" 的投票数。

注释：请记得只允许您的 Web 服务器来编辑该文本文件。不要让其他人获得访问权，除了 Web 服务器 (PHP)。

不管何时何地，充实自己总是没错的。小编会继续跟大家分享php实战教程，好好学习，天天向上才是根本。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
分享到：QQ空间新浪微博腾讯微博人人网微信
------分隔线----------------------------

大话IT

PHP 教程
1、PHP 基础
1.1 PHP 简介
1.2 PHP 安装
1.3 PHP 语法
1.4 PHP 变量
1.5 PHP echo/print
1.6 PHP 数据类型
1.7 PHP 常量
1.8 PHP 字符串
1.9 PHP 运算符
1.10 PHP If...Else
1.11 PHP Switch
1.12 PHP 数组
1.13 PHP 数组排序
1.14 PHP 超级全局变量
1.15 PHP While 循环
1.16 PHP For 循环
1.17 PHP 函数
1.18 PHP 魔术变量
1.19 PHP 命名空间
1.20 PHP 面向对象
2、PHP 表单
2.1 PHP 表单
2.2 PHP 表单验证
2.3 PHP 表单 - 必需字段
2.4 PHP 表单 - 验证邮件和URL
2.5 PHP 完整表单实例
2.6 PHP $_GET 变量
2.7 PHP $_POST 变量
3、PHP 高级教程
3.1 PHP 多维数组
3.2 PHP 日期
3.3 PHP 包含
3.4 PHP 文件
3.5 PHP 文件上传
3.6 PHP Cookie
3.7 PHP Session
3.8 PHP E-mail
3.9 PHP 安全 E-mail
3.10 PHP Error
3.11 PHP 过滤器
3.12 PHP 高级过滤器
3.13 PHP JSON
4、PHP 7 新特性
4.1 PHP 7 新特性
5、PHP 数据库
5.1 PHP MySQL 简介
5.2 PHP MySQL 连接
5.3 PHP MySQL 创建数据库
5.4 PHP MySQL 创建数据表
5.5 PHP MySQL 插入数据
5.6 PHP MySQL 插入多条数据
5.7 PHP MySQL 预处理语句
5.8 PHP MySQL 读取数据
5.9 PHP MySQL Where
5.10 PHP MySQL Order By
5.11 PHP MySQL Update
5.12 PHP MySQL Delete
5.13 PHP ODBC
6、PHP XML
6.1 XML Expat Parser
6.2 XML DOM
6.3 XML SimpleXML
7、PHP 与 AJAX
7.1 AJAX 简介
7.2 AJAX 与PHP
7.3 AJAX 数据库
7.4 AJAX XML
7.5 AJAX 实时搜索
7.6 AJAX RSS Reader
7.7 AJAX 投票