首先,页面需要引入jQuery。

模版布局,根据自身前端调整HTML

<button class="zan">点赞</button> <!--按钮--->
<div id="zan_number">{content:likes}</div> <!--赞数量-->
Ajaxcode
<script>
$('.zan').on('click',function() { //绑定事件
$.ajax({
url: '{content:likeslink}', //点赞链接
data: {
'likes': 'likes'
},
success: function(data) {
$('#zan_number').load(location.href + " #zan_number"); //点赞后刷新#zan_number
if (data.state) {} else {
$(".yizan").HTML("已点赞!") //已赞提示
}
},
error: function(xhr, status, error) {
console.log(error)
}
});
})
</script>

 

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注