最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 帝国cms 点赞功能的快速简单实现方式

    正文概述 管理员   2024-04-10   165

    第一步,给你要点赞的a标签或者button按钮添加 id="dianzan" 属性

    第二步,给你需要显示点赞数的标签加上 class="likes-count" 属性

    第三步,将下面的js代码放到你网站内 容页

    <script>
    function makeRequest(url, callback, method) {
      var xhr = new XMLHttpRequest();
      xhr.open(method, url);
      xhr.onreadystatechange = function() {
    	if (xhr.readyState === 4 && xhr.status === 200) {
    	  callback(xhr.responseText);
    	}
      };
      xhr.send();
    }
    
    function updateLikes(event) {
      event.preventDefault(); // 阻止默认链接行为
    
      var likesCountElement = document.querySelector('.likes-count');
      var likeButton = document.getElementById('dianzan');
      var url = "/e/public/digg/?classid=[!--classid--]&id=[!--id--]&dotop=1&doajax=1&ajaxarea=diggnum";
    
      makeRequest(url, function(responseText) {
    	var responseArray = responseText.split("|");
    	var likes = responseArray[0];
    	likesCountElement.textContent = likes;
    
    	alert(responseArray[2]);
      }, "GET");
    }
    
    var likeButton = document.getElementById('dianzan');
    likeButton.addEventListener('click', updateLikes);
    </script>

    完成!


    站长源码网 » 帝国cms 点赞功能的快速简单实现方式

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元