怎么样使用Ajax实现phpcms点赞功能实例代码？

{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> 

$(".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;    
         } 
        }) 
       });