PbootCMS二次开发,PbootCMS实现AJAX无刷新点赞功能
PbootCMS二次开发,PbootCMS实现AJAX无刷新点赞功能
点赞功能可以有效统计内容的受欢迎程度。本教程为您介绍PbootCMS二次开发,实现页面无刷新点赞功能。
实现步骤
首先,页面需要引入jQuery。
<button class="zan">点赞</button> <!--按钮--->
<div id="zan_number">{content:likes}</div> <!--赞数量--><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> 本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/814.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
点赞 17
热门主题
相关阅读
- PbootCMS生成静态时候,提示模版文件不存在,如何确定模版文件路径?
- PbootCMS基础设置:如何修改后台首页版权开发信息
- PbootCMS调用二级栏目下的三级栏目的方法(下级栏目+文章循环)
- PbootCMS网站后台添加标题时,自动ajax查询标题是否重复
- PbootCMS给文章栏目增加栏目内容编辑器的方法
- PbootCMS模版如何统计全站所有文章数
- PbootCMS使用jquery验证留言表单手机号码和邮箱
- PbootCMS授权码信息在哪个文件内?
- PbootCMS网站后台otherbot爬行怎么屏蔽
- 如何重置PbootCMS程序后台的文章id,从1开始
- PbootCMS二次开发,列表判断是否有下级,无下级调用文章列表的方法
- PbootCMS页面打开跳转404错误页面的排查及解决方法



交流群
购物车