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

新建文件【 AJAX投票.html】

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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】脚本文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?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 投票器功能,希望对大家有所帮助

PHP+AJAX 投票器功能相关推荐

  1. ajax php投票记录功能,PHP+AJAX 投票器功能

    终于到AJAX,翻译过来就是"异步Javascript和XML",他可以实现网页内容的部分加载,可提高用户体验.现在有很多网站都有用这技术,反正你知道他能实现网页的异步更新就差不多 ...

  2. 两个人投票的c语言程序,设计网页投票器(二)《精通Unix下C语言编程与项目实践》之十...

    本处设计一个网页投票器,它访问"www.zhiliaowang.com"上的服务程序"/toupiaoceshi.asp",并通过"name" ...

  3. 如何利用C#编写网页投票器程序 如何使用代理来投票 代理IP来投票

    一.前言 看个图,了解下投票的过程. 提交投票信息 投票页 ――――――――>投票信息处理页 反馈投票结果 (请求页)<―――――――(响应页) 一般情况下,填写投票信息,然后点提交按钮发 ...

  4. 7个免费强大的Ajax文件管理器

    如果你正在开发一个WEB应用,需要一个不错的强大的文件管理器,并且可以简单的定制,那么,下面的这七个免费开源的文件管理器你一会喜欢的.这些 文件管理器都很强大,他们全部都支持PHP,Javascrip ...

  5. 【电路分享】基于8086投票器积分器系统设计、8086数码管数字钟计时器、8086密码锁可修改仿真、8086可控交通灯系统设计、8086流水灯系统设计、8086三位电压表电压采集仿真

    微机原理-基于8086投票器积分器系统设计-protues仿真-361 利用所学8086系统的知识设计一个可以实际使用的八人投票表决器,利用开关按钮作为投票按键,通过8255采集八人的投票信息作为输入 ...

  6. 利用C#编写网页投票器程序

    一.前言 看个图,了解下投票的过程. 提交投票信息 投票页 ――――――――>投票信息处理页 反馈投票结果 (请求页)<―――――――(响应页) 一般情况下,填写投票信息,然后点提交按钮发 ...

  7. 蓝欣投票软件自助投票器_为什么我们不能开发有效的投票软件

    蓝欣投票软件自助投票器 爱荷华州民主党核心小组报告软件失败后的轩然大波提醒程序员,事情可能会变得很糟. 计算几张简单的选票并不像制造自动驾驶汽车,训练AI以推荐电影,甚至安全地更新银行数据库那样复杂, ...

  8. sklearn使用投票器VotingClassifier算法构建多模型融合的软投票器分类器(soft voting)并自定义子分类器的权重(weights)、计算融合模型的混淆矩阵、可视化混淆矩阵

    sklearn使用投票器VotingClassifier算法构建多模型融合的软投票器分类器(soft voting)并自定义子分类器的权重(weights).计算融合模型的混淆矩阵.可视化混淆矩阵 目 ...

  9. sklearn使用投票器VotingClassifier算法构建多模型融合的软投票器分类器(soft voting)并计算融合模型的混淆矩阵、可视化混淆矩阵(confusion matrix)

    sklearn使用投票器VotingClassifier算法构建多模型融合的软投票器分类器(soft voting)并计算融合模型的混淆矩阵.可视化混淆矩阵(confusion matrix) 目录

最新文章

  1. sql server存储过程中SELECT 与 SET 对变量赋值的区别
  2. 我用 PyTorch 复现了 LeNet-5 神经网络(CIFAR10 数据集篇)!
  3. 医学影像PACS系统解决方案与成功案例汇总
  4. Spring自学日志02(对象的创建,依赖注入)
  5. java xml 画表格_用js+xml自动生成表格的东西
  6. 个人对stacking的思想理解
  7. linux如何确认账号过期了,linux下非root用户秘密过期如何确认,如果确认,该如何延期使其有效?...
  8. PHP(四)运算符、表达式和语句
  9. 腾讯敏感词汇大全_腾讯数平精准推荐 | OCR技术之识别篇
  10. 易优cms eyoucms登陆后台提示验证码错误
  11. Stack Overflow:最令人讨厌的编程语言
  12. HTML5七夕情人节表白网页制作【唯美3D相册】HTML+CSS+JavaScript
  13. 《数字图像处理》学习总结及感悟:第二章数字图像基础(4)像素间的关系
  14. 使用VS Code 配置 LaTeX 编辑器
  15. 2的32次方减1用python_3.Python入门
  16. [渝粤教育] 西南科技大学 工程经济学 在线考试复习资料
  17. CentOS7.2下一键安装Openstack
  18. typescript - 一种思维方式(推荐阅读)
  19. [附源码]java毕业设计网上宠物商店
  20. 深入Java集合系列之七:Hashtable

热门文章

  1. 好书推荐——CSDN《新程序员》
  2. 数据库面试题【十、【非关系型数据库】和【关系型数据库】的【区别】与【优势比较】】
  3. 安装MySQL Workbench 6.3.4 CE (winx64)出错KERNELBASE.dll的解决方案
  4. 四年软件开发转行感受谈
  5. js学习日记-new Object和Object.create到底干了啥
  6. “未能加载文件或程序集“EntityFramework, Version=6.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089”...
  7. Java Generics and Collections-2.1
  8. (连通图 模板题 无向图求桥)Critical Links -- UVA -- 796
  9. Dynamics AX 2012 R2 外部程序运行在没有AD的环境(如PDA) 调用AX服务
  10. 智能大棚计算机系统,一套智能大棚需要哪些设备?我来告诉你!