首页用we投票代码

用we投票代码

时间: 2024-02-23 09:02:52 浏览: 24

以下是一个简单的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页面以显示投票结果。