用we投票代码
时间: 2024-02-23 07:02:52 浏览: 20
以下是一个简单的HTML和JavaScript代码示例,用于创建一个基本的Web投票界面。
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Web投票</title>
</head>
<body>
<h2>请选择您的投票选项:</h2>
<form>
<input type="radio" name="vote" value="option1"> 选项1<br>
<input type="radio" name="vote" value="option2"> 选项2<br>
<input type="radio" name="vote" value="option3"> 选项3<br>
<br>
<input type="button" value="投票" onclick="submitVote()">
</form>
<h2>投票结果:</h2>
<div id="results"></div>
<script src="vote.js"></script>
</body>
</html>
```
JavaScript代码:
```javascript
function submitVote() {
// 获取选中的投票选项
var selectedOption = document.querySelector('input[name="vote"]:checked').value;
// 发送投票请求
var xhr = new XMLHttpRequest();
xhr.open('POST', '/vote', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 显示投票结果
var results = JSON.parse(xhr.responseText);
var resultsDiv = document.getElementById('results');
resultsDiv.innerHTML = '';
for (var option in results) {
var count = results[option];
var optionDiv = document.createElement('div');
optionDiv.textContent = option + ': ' + count;
resultsDiv.appendChild(optionDiv);
}
}
};
xhr.send(JSON.stringify({option: selectedOption}));
}
```
这段代码实现了一个基本的Web投票界面。当用户选择一个选项并点击“投票”按钮时,JavaScript代码将使用XMLHttpRequest对象向服务器发送投票请求。服务器将处理投票请求并返回投票结果。然后,JavaScript代码将更新Web页面以显示投票结果。