PHP 實例 - AJAX 投票

AJAX 投票

在下面的實例中，我們將演示一個投票程序，通過它，投票結果在網頁不進行刷新的情況下被顯示。

你喜歡 PHP 和 AJAX 嗎?

是:

否:

實例解釋 - HTML 頁面

當用戶選擇上面的某個選項時，會執行名為 "getVote()" 的函數。該函數由 "onclick" 事件觸發。

poll.html 文件代碼如下：

jQuery中文網(jquerycn.cn)

function getVote(int) {

if (window.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)

{

document.getElementById("poll").innerHTML=xmlhttp.responseText;

}

}

xmlhttp.open("GET","poll_vote.php?vote="+int,true);

xmlhttp.send();

}

你喜歡 PHP 和 AJAX 嗎?

是:

否:

getVote() 函數會執行以下步驟：

創建 XMLHttpRequest 對象

創建在服務器響應就緒時執行的函數

向服務器上的文件發送請求

請注意添加到 URL 末端的參數(q)(包含下拉列表的內容)

PHP 文件

上面這段通過 JavaScript 調用的服務器頁面是名為 "poll_vote.php" 的 PHP 文件：

$vote = htmlspecialchars($_REQUEST['vote']);

// 獲取文件中存儲的數據

$filename = "poll_result.txt";

$content = file($filename);

// 將數據分割到數組中

$array = explode("||", $content[0]);

$yes = $array[0];

$no = $array[1];

if ($vote == 0)

{

$yes = $yes + 1;

}

if ($vote == 1)

{

$no = $no + 1;

}

// 插入投票數據

$insertvote = $yes."||".$no;

$fp = fopen($filename,"w");

fputs($fp,$insertvote);

fclose($fp);

?>

結果:

是:	<?php echo(100*round($yes/($no+$yes),2)); ?>%
否:	<?php echo(100*round($no/($no+$yes),2)); ?>%

當所選的值從 JavaScript 發送到 PHP 文件時，將發生：

獲取 "poll_result.txt" 文件的內容

把文件內容放入變量，并向被選變量累加 1

把結果寫入 "poll_result.txt" 文件

輸出圖形化的投票結果

文本文件

文本文件(poll_result.txt)中存儲來自投票程序的數據。

它存儲的數據如下所示：

3||4

第一個數字表示 "Yes" 的投票數，第二個數字表示 "No" 的投票數。

注釋：請記得只允許您的 Web 服務器來編輯該文本文件。不要讓其他人獲得訪問權，除了 Web 服務器 (PHP)。

總結

以上是生活随笔為你收集整理的ajax php 投票,PHP 实例 AJAX 投票的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。