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點贊功能的示例方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！