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>
本文属原创,转载请注明原文:http://www.zhimatong.com/jiaocheng/814.html
为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。
点赞 16
热门主题
相关阅读
- PbootCMS生成静态时候,提示模版文件不存在,如何确定模版文件路径?
- PbootCMS基础设置:如何修改后台首页版权开发信息
- PbootCMS调用二级栏目下的三级栏目的方法(下级栏目+文章循环)
- PbootCMS网站后台添加标题时,自动ajax查询标题是否重复
- PbootCMS模版如何统计全站所有文章数
- PbootCMS给文章栏目增加栏目内容编辑器的方法
- PbootCMS使用jquery验证留言表单手机号码和邮箱
- 如何重置PbootCMS程序后台的文章id,从1开始
- 微信小程序开发之实现页面点赞功能并记录点赞数
- PbootCMS二次开发,列表判断是否有下级,无下级调用文章列表的方法
- 迅睿CMS整合layui+ajax实现联动菜单多条件搜索的方法
- dede织梦文章点赞功能插件