{site_name}

{site_name}

🌜 搜索

AJAX Poll是一种在Web页面上使用AJAX技术实现的投票机制,它允许用户在不刷新整个页面的情况下提交投票

php 𝄐 0
Php ajax,Php ajax 跨域重复执行,phpajaxjson实例,phpajax长连接,phpajax接口,phpajax返回json数据
AJAX Poll是一种在Web页面上使用AJAX技术实现的投票机制,它允许用户在不刷新整个页面的情况下提交投票。当用户点击投票按钮时,AJAX Poll会使用JavaScript代码将选项数据发送到服务器,并在不需要重新加载整个页面的情况下更新当前页面的部分内容。

以下是一个简单的AJAX Poll的例子:

HTML代码:

<div id="poll">
<h2>Which is your favorite programming language?</h2>
<form>
<input type="radio" name="language" value="Python"> Python<br>
<input type="radio" name="language" value="JavaScript"> JavaScript<br>
<input type="radio" name="language" value="Java"> Java<br>
<input type="button" value="Vote" onclick="vote()">
</form>
</div>

<div id="poll_result"></div>


JavaScript代码:

function vote() {
var selectedLanguage = document.querySelector('input[name="language"]:checked').value;

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("poll_result").innerHTML = this.responseText;
}
};
xhr.open("POST", "vote.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send("language=" + selectedLanguage);
}


vote.php代码:

<?php
$selectedLanguage = $_POST['language'];
//保存投票结果的代码...
echo "Thank you for voting! Your choice was " . $selectedLanguage;
?>


在这个例子中,用户可以选择他们最喜欢的编程语言,然后点击投票按钮进行投票。当用户点击投票按钮时,JavaScript代码将选项数据发送到服务器上的vote.php脚本。服务器端的代码将保存投票结果,并向客户端返回一条消息,表示感谢用户的投票。客户端的JavaScript代码会将这条消息显示在页面上的一个div元素中,而不需要重新加载整个页面。