這篇文章主要介紹了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 "参与人数:" . $count; ?></p>
新建一個空白的文件【poll_result.txt】
此時目錄:
|-AJAX投票.html
|-poll_vote.php
|-poll_result.txt
若不同則需修改上面對應的程式碼
效果:
相關推薦:
#
以上是PHP+AJAX 如何實作投票器功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!