可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<span id="star">☆</span>
$(document).ready(function() {
var clicked = false; // 用于记录是否已经点击过
$('#star').click(function() {
if (!clicked) {
$.ajax({
url: 'update_star.php', // 替换为实际的后端处理更新星号的URL
method: 'POST', // 根据实际情况选择请求方法
data: { starValue: 'updatedValue' }, // 根据实际情况传递需要更新的值
success: function(response) {
$('#star').text(response); // 更新星号的值
clicked = true; // 标记为已点击
},
error: function(xhr, status, error) {
console.log(error); // 处理错误情况
}
});
}
});
});
<?php
$starValue = $_POST['starValue']; // 获取传递的星号值
// 根据实际需求进行处理,例如更新数据库中的值
// ...
// 返回更新后的星号值
echo $starValue;
?>
这样,当第一次点击星号时,会发送ajax请求到后端进行更新,并将更新后的值显示在页面上。第二次点击时,由于已经标记为已点击,不会再发送ajax请求。
没有搜到相关的沙龙