JQuery 投票是一個基于 JavaScript 庫的一系列功能，可以幫助您實現網站上的投票功能。
通過 JQuery 的投票功能，您可以使用預定義的樣式和布局創建票數、贊成和反對按鈕，并與后端數據進行交互。以下是使用 JQuery 投票的示例代碼：
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".voteButton").click(function(){
var voteType = $(this).attr("data-voteType"); // 獲取投票類型
var postId = $(this).attr("data-postId"); // 獲取文章 ID
$.ajax({
type: "POST",
url: "vote.php",
data: { voteType: voteType, postId: postId },
success: function(data){
// 更新投票結果
$("#voteCount").text(data.voteCount);
$("#upvoteCount").text(data.upvoteCount);
$("#downvoteCount").text(data.downvoteCount);
}
});
});
});
</script>
</head>
<body>
<h1>文章標題</h1>
<p>贊成：<span id="upvoteCount">20</span></p>
<p>反對：<span id="downvoteCount">5</span></p>
<p>總票數：<span id="voteCount">25</span></p>
<!-- 投票按鈕 -->
<button type="button" class="voteButton" data-voteType="upvote" data-postId="123">贊成</button>
<button type="button" class="voteButton" data-voteType="downvote" data-postId="123">反對</button>
</body>
</html>上面的代碼段中，當用戶單擊 "贊成" 或 "反對" 按鈕時，將使用 AJAX 后臺處理程序來更新投票結果。它將發送投票類型和文章 ID 以及處理程序網址的信息，然后在成功響應中更新投票結果。
JQuery 投票可以幫助您創建更好的投票功能，使您的網站更加交互式和用戶友好。使用它，您可以輕松地為您的網站添加投票功能，并將用戶投票結果直接更新到服務器。