首頁 > web前端 > js教程 > Ajax實作phpcms 讚功能(圖文教學)

Ajax實作phpcms 讚功能(圖文教學)

亚连
發布: 2018-05-22 16:14:15
原創
2004 人瀏覽過

這篇文章主要介紹了Ajax實作phpcms 讚功能實例程式碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

首先是將後台中模組--->新聞心情--->心情配置  去掉多餘的剩一個,名稱改成「讚」 提交保存。

其次是修改新聞心情的範本檔案:/phpcms/templates/default/mood/index.html

刪除所有程式碼只回讚總數量

{loop $setting $k $v} 
{$data[$v['fields']]} 
{/loop}
登入後複製

範本頁面的實作如下  透過循環數組

<p 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> 
          <p 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> 
          </p>  
        </p>
登入後複製

ajax 處理  K=8是按讚   

#
$(".zanbtn").on("click",function(){ 
                var id = $(this).next().attr("title"); 
                var aval = $(this).next("a").html(); 
                $.getJSON(&#39;http://phpcms.com/index.php?m=mood&c=index&a=post&id=150-&#39;+id+&#39;-1&k=8&&#39;+Math.random()+&#39;&callback=?&#39;, function(data){ 
                  if(data.status==1) { 
                    console.log( $(this).next()); 
                    $("#zans"+id).html(data.data); 
                  }else { 
                    alert(data.data);   
                    return false;       
                  } 
                }) 
              });
登入後複製

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

詳細為你解析AJAX的使用方法(程式碼貼上)

php ajax h5實作圖片上傳功能

php ajax實作查詢下拉內容功能

以上是Ajax實作phpcms 讚功能(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板