这篇文章主要介绍了Ajax实现phpcms 点赞功能实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
首先 是将后台中 模块--->新闻心情--->心情配置 去掉多余的剩一个,名称改成 “赞” 提交保存。
其次 是修改新闻心情的模板文件:/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="5bGV5Lya546w5Zy65Lq65aS05pSS5Yqo"><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="Jmx0O3NwYW4gc3R5bGU9"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 点赞功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程学习网网站的支持!
沃梦达教程
本文标题为:Ajax实现phpcms 点赞功能实例代码
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
猜你喜欢
- vue keep-alive 2023-10-08
- javascript 判断当前浏览器版本并判断ie版本 2023-08-08
- 基于CORS实现WebApi Ajax 跨域请求解决方法 2023-02-14
- layui数据表格以及传数据方式 2022-12-13
- 关于 html:如何从 css 表中删除边距和填充 2022-09-21
- 深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库 2022-12-15
- jsPlumb+vue创建字段映射关系 2023-10-08
- 1 Vue - 简介 2023-10-08
- ajax实现输入提示效果 2023-02-14
- JS实现左侧菜单工具栏 2022-08-31