Pbootcms ajax 無刷新點贊
發布時間:2021-10-30 08:17:24
作者:超級管理員
來源:本站
瀏覽量(643)
點贊(255)
摘要:先引入 jq 文件<scriptsrc="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>無須使用 API,把以下代碼放入合適的位置即可,可自定義 css<buttonclass="support">點贊</button><!--按鈕---><divid="support
先引入 jq 文件
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
無須使用 API,
把以下代碼放入合適的位置即可,可自定義 css
<button class="support">點贊</button> <!--按鈕---> <div id="support_number">{content:likes}</div> <!--贊數量--> <p class="supported"></p> <!--已贊提示--> <!--ajax--> <script> $('.support').on('click', //綁定事件 function() { $.ajax({ url: '{content:likeslink}', //點贊鏈接 data: { 'likes': 'likes' }, success: function(data) { $('#support_number').load(location.href + " #support_number"); //點贊后刷新#support_numbe if (data.state) {} else { $(".supported").html("已點贊!") //已贊提示 }}, error: function(xhr, status, error) { console.log(error) } }); }) </script>
掃一掃,關注我們
255