Ajax实现phpcms点赞功能的示例方法

这篇文章给大家分享的是有关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是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，可以通过在后台与服务器进行少量数据交换，使网页实现异步更新。

感谢各位的阅读！关于“Ajax实现phpcms点赞功能的示例方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！