位置: 编程技术 - 正文

PHP+AJAX实现投票功能的方法(php投票代码)

编辑:rootadmin

推荐整理分享PHP+AJAX实现投票功能的方法(php投票代码),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:php投票系统代码,php发送ajax请求,php投票功能统计,php投票网站制作,怎么用php设计一个投票系统,php投票网站制作,php制作投票网页,php制作投票网页,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例讲述了PHP+AJAX实现投票功能的方法。分享给大家供大家参考。具体如下:

在这个 AJAX 实例中,我们将演示一个投票程序,网页在不重新加载的情况下,就可以获得结果。

本例包括四个元素:

① HTML 表单② JavaScript③ PHP 页面④ 存放结果的文本文件

一、HTML 表单

这是 HTML 页面。它包含一个简单的 HTML 表单,以及一个与 JavaScript 文件的连接:

例子解释 - HTML 表单

正如您看到的,上面的 HTML 页面包含一个简单的 HTML 表单,其中的 <div> 元素带有两个单选按钮。

表单这样工作:

1. 当用户选择 "yes" 或 "no" 时,会触发一个事件2. 当事件触发时,执行 getVote() 函数3. 围绕该表单的是名为 "poll" 的 <div>。当数据从 getVote() 函数返回时,返回的数据会替代该表单。

二、文本文件

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

它类似这样:

PHP+AJAX实现投票功能的方法(php投票代码)

0||0第一个数字表示 "Yes" 投票,第二个数字表示 "No" 投票。

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

三、JavaScript

JavaScript 代码存储在 "poll.js" 中,并于 HTML 文档相连接:

例子解释:

stateChanged() 和 GetXmlHttpObject 函数与 PHP 和 AJAX 请求 这一节中的例子相同。

getVote() 函数

当用户在 HTML 表单中选择 "yes" 或 "no" 时,该函数就会执行。

1. 定义发送到服务器的 url (文件名)2. 向 url 添加参数 (vote),参数中带有输入字段的内容3. 添加一个随机数,以防止服务器使用缓存的文件4. 调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象,并告知该对象当触发一个变化时执行 stateChanged 函数5. 用给定的 url 来打开 XMLHTTP 对象6. 向服务器发送 HTTP 请求

四、PHP页面

由 JavaScript 代码调用的服务器页面是名为 "poll_vote.php" 的一个简单的 PHP 文件。

例子解释:

所选的值从 JavaScript 传来,然后会发生:

1. 获取 "poll_result.txt" 文件的内容2. 把文件内容放入变量,并向被选变量累加 . 把结果写入 "poll_result.txt" 文件4. 输出图形化的投票结果

希望本文所述对大家的PHP程序设计有所帮助。

WIFI万能钥匙密码查询接口实例 不废话了,直接给大家贴代码了php//

百万级别知乎用户数据抓取与分析之PHP开发 这次抓取了万的用户数据,数据分析结果如下:开发前的准备安装Linux系统(Ubuntu.),在VMWare虚拟机下安装一个Ubuntu;安装PHP5.6或以上版本;安装c

ThinkPHP数据操作方法总结 本文实例总结了ThinkPHP数据操作方法。分享给大家供大家参考。具体如下:一、ThinkPHPInsert添加数据ThinkPHP内置的add方法用于向数据表添加数据,相当于SQ

本文链接地址:https://www.jiuchutong.com/biancheng/284433.html 转载请保留说明!

上一篇:ThinkPHP中数据操作案例分析(thinkphp5数据库操作)

下一篇:WIFI万能钥匙密码查询接口实例(wifi万能钥匙密码王)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络