• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

PHP+AJAX 如何实现投票器功能

php 搞代码 3年前 (2022-01-22) 18次浏览 已收录 0个评论

这篇文章主要介绍了PHP+AJAX 投票器功能,本文通过一个实例代码给大家介绍的非常详细,需要的朋友参考下

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

投票器

新建文件【 AJAX投票.html】

<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>  <p 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>  </p></body></html>

创建【poll_vote.php】脚本文件

<?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 "参与人数:&quot<i style="color:transparent">本¥文来源gaodai$ma#com搞$代*码*网(</i><strong>搞代gaodaima码</strong>; . $count; ?></p>

新建一个空白的文档 【poll_result.txt】

此时目录:

|-AJAX投票.html
|-poll_vote.php
|-poll_result.txt

如果不同则需修改上面相应的代码

效果:

相关推荐:

关于 AJAX 投票的演示

PHP加MySQL投票系统的设计和实现分享

PHP发表心情投票功能示例分享

以上就是PHP+AJAX 如何实现投票器功能的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:PHP+AJAX 如何实现投票器功能

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址