Ajax实现phpcms 点赞功能实例代码

Vidonia ·
更新时间:2024-09-21
· 571 次阅读

首先 是将后台中 模块--->新闻心情--->心情配置  去掉多余的剩一个,名称改成 “赞” 提交保存。

其次 是修改新闻心情的模板文件:/phpcms/templates/default/mood/index.html

删除所有代码只返回点赞总数量

{loop $setting $k $v} {$data[$v['fields']]} {/loop}

模板页面的实现如下  通过循环数组

<div class="info"> <a href="http://phpcms.com/content-150-1-1.html" target="_blank" title="展会现场人头攒动"><h4 class="title ellipsis download">展会现场人头攒动</h4></a> <p class="date">2017-02-01</p> <div class="sum"> <span class="laud"><i class="iconfont zanbtn" >赞</i><a href="javascript:;" rel="external nofollow" <span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">id</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">="</span><span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">zans{$r[id]}</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">" </span> title="<span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">$r[id]}</span>">0</a></span> </div> </div>

ajax 处理  K=8是点赞   

$(".zanbtn").on("click",function(){ var id = $(this).next().attr("title"); var aval = $(this).next("a").html(); $.getJSON('http://phpcms.com/index.php?m=mood&c=index&a=post&id=150-'+id+'-1&k=8&'+Math.random()+'&callback=?', function(data){ if(data.status==1) { console.log( $(this).next()); $("#zans"+id).html(data.data); }else { alert(data.data); return false; } }) });

以上所述是小编给大家介绍的Ajax实现phpcms 点赞功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!

您可能感兴趣的文章:使用PHPCMS搭建wap手机网站phpcms模块开发之swfupload的使用介绍linux服务器下PHPCMS v9 安全配置详解php笔记之:初探PHPcms模块开发介绍PHPCMS的使用小结CodeIgniter使用phpcms模板引擎phpcms的分类名称和类别名称的调用phpcms手机内容页面添加上一篇和下一篇PHPCMS手机站伪静态设置详细教程PHPCMS忘记后台密码的解决办法解决phpcms更换javascript的幻灯片代码调用图片问题phpcms中的评论样式修改方法PHPCMS V9 添加二级导航的思路详解如何给phpcms v9增加类似于phpcms 2008中的关键词表PHPCMS遭遇会员投稿审核无效的解决方法PHPCMS2008广告模板SQL注入漏洞修复phpcms配置列表页以及获得文章发布时间phpcms v9禁止提交信息到官网方法详解



phpcms AJAX

需要 登录 后方可回复, 如果你还没有账号请 注册新账号