手册

目录

Poll

收藏163

阅读2653

更新时间2025-08-06

AJAX 投票

下例将演示如何在不重新加载页面的情况下显示投票结果。

到目前为止,你喜欢 PHP 和 AJAX 吗?

是:

否:

实例解释 - HTML 页面

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







到目前为止,你喜欢 PHP 和 AJAX 吗?

是:
否:

getVote() 函数执行以下操作:

  1. 创建一个 XMLHttpRequest 对象
  2. 创建服务器响应就绪时要执行的函数
  3. 将请求发送到服务器上的文件
  4. 请注意,参数(vote)已添加到 URL(带有是或否选项的值)

PHP 文件

上面 JavaScript 调用的服务器上的页面是一个名为 "poll_vote.php" 的 PHP 文件:



结果:

是: %
否: %

该值从 JavaScript 发送,然后发生以下情况:

  1. 获取 "poll_result.txt" 文件的内容
  2. 将文件内容放入变量中,并为所选变量加一
  3. 将结果写入 "poll_result.txt" 文件
  4. 输出投票结果的图形表示

文本文件

文本文件(poll_result.txt)是我们存储投票数据的地方。

它的存储方式如下:

0||0

第一个数字代表“是”投票数,第二个数字代表“否”投票数。

注意:请记得允许您的 Web 服务器编辑文本文件。不要给所有人访问权限,只给 Web 服务器(PHP)访问权限。

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号