加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax实现phpcms 点赞功能实例代码

发布时间:2020-12-15 23:02:00 所属栏目:百科 来源:网络整理
导读:首先 是将后台中 模块---新闻心情---心情配置 去掉多余的剩一个,名称改成 “赞” 提交保存。 其次 是修改新闻心情的模板文件:/phpcms/templates/default/mood/index.html 删除所有代码只返回点赞总数量 {loop $setting $k $v} {$data[$v['fields']]} {/loo

首先 是将后台中 模块--->新闻心情--->心情配置  去掉多余的剩一个,名称改成 “赞” 提交保存。

其次 是修改新闻心情的模板文件:/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="展会现场人头攒动"><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); font-family: Consolas,monospace; white-space: pre-wrap;">="</span><span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34,monospace; white-space: pre-wrap;">zans{$r[id]}</span><span style="color: rgb(34,monospace; white-space: pre-wrap;">" </span> title="<span style="color: rgb(34,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实现phpcms 点赞功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程小技巧网站的支持!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读