ajax php投票记录功能,PHP 实例 AJAX 投票 | 菜鸟教程[通俗易懂]

PHP实例-AJAX投票AJAX投票在下面的实例中,我们将演示一个投票程序,通过它,投票结果在网页不进行刷新的情况下被显示。你喜欢PHP和AJAX吗?是:否:实例解释-HTML页面当用户选择上面的某个选项时,会执行名为”getVote()”的函数。该函数由”onclick”事件触发。poll.html文件代码如下:菜鸟教程(runoob.com)function…

大家好,又见面了,我是你们的朋友全栈君。

PHP 实例 – AJAX 投票

AJAX 投票

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

你喜欢 PHP 和 AJAX 吗?

是:

否:

实例解释 – HTML 页面

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

poll.html 文件代码如下:

菜鸟教程(runoob.com)

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();

}

你喜欢 PHP 和 AJAX 吗?

是:

否:

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

创建 XMLHttpRequest 对象

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

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

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

PHP 文件

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

?>

结果:

是:

<?php echo(100*round($yes/($no+$yes),2)); ?>%

否:

<?php echo(100*round($no/($no+$yes),2)); ?>%

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

获取 “poll_result.txt” 文件的内容

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

把结果写入 “poll_result.txt” 文件

输出图形化的投票结果

文本文件

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

它存储的数据如下所示:

3||4

第一个数字表示 “Yes” 的投票数,第二个数字表示 “No” 的投票数。

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/129001.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • java读写锁实现原理_java可重入锁原理

    java读写锁实现原理_java可重入锁原理一、synchronized和ReentrantLock的对比到现在,看到多线程中,锁定的方式有2种:synchronized和ReentrantLock。两种锁定方式各有优劣,下面简单对比一下:1、synchronized是关键字,就和if…else…一样,是语法层面的实现,因此synchronized获取锁以及释放锁都是Java虚拟机帮助用户完成的;ReentrantLock是类层面的…

  • 如何查看tomcat的版本号(文件版本号)

    进入Tomcat/bin目录下,Shift+右键->在此处打开命令提示框,打开命令提示符窗口,输入命令version.bat,就可以看到如下结果哈哈哈,报错了…懵了吧,别急看看错误说明…貌似明白了,再来一次总结:进入Tomcat/bin目录下,Shift+右键->在此处打开命令提示框,打开命令提示符窗口,输入命令version.bat,如果报错,试试输入命令.\v…

  • idea 2022.01.13最新激活码(JetBrains全家桶)「建议收藏」

    (idea 2022.01.13最新激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/ide…

  • input file多选 multiple[通俗易懂]

    input file多选 multiple[通俗易懂]一直以为连点2次选择文件是多选,原来要按ctrl选中多个才是多选。。。 functionShowFileName(){ varfile; for(vari=0;document.getElementById(“file”).files.length;i++){ file=document.getElementById(“fil

  • javac命令无法使用解决办法

    javac命令无法使用解决办法javac命令无法使用,java环境变量配置。

  • oracle number整数,Oracle number类型的语法和用法

    oracle number整数,Oracle number类型的语法和用法Oraclenumber类型的语法很简单,就是:number(p,s)p,s都是可选的,假如都不填,p默认为38,s默认为-48~127。1.精度(precision),或总位数。默认情况下,精度为38位,取值范围是1~38之间。也可以用字符*表示38。2.小数位置(scale),或小数点右边的位数。小数位数的合法值为-48~127,其默认值取决于是否指定了精度。如果没有知道精度,小数位数则默…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号