这篇文章给大家分享的是有关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="展会现场人头攒动"><h5 class="title ellipsis download">展会现场人头攒动</h5></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 Lucida Console", monospace; white-space: pre-wrap;">id</span><span Lucida Console", monospace; white-space: pre-wrap;">="</span><span Lucida Console", monospace; white-space: pre-wrap;">zans{$r[id]}</span><span Lucida Console", monospace; white-space: pre-wrap;">" </span> title="<span 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是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交换,使网页实现异步更新。
感谢各位的阅读!关于“Ajax实现phpcms点赞功能的示例方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:https://www.jb51.net/article/107948.htm