适合自己的 ● 才是最好的 新闻动态,洞悉互联网前沿资讯,探寻网站营销规律
当前位置:网站首页 >> 网站制作

Pbootcms ajax 无刷新点赞

日期:2022-05-05 11:40:20 来源:合肥良马网络科技有限公司 官网:https://www.hflmwl.com/ 阅读:1222次
先引入 jq 文件
 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
无须使用 API,
 
把以下代码放入合适的位置即可,可自定义 css
01 <button class="support">点赞</button>  <!--按钮--->
02 <div id="support_number">{content:likes}</div>  <!--赞数量-->
03 <p class="supported"></p>   <!--已赞提示-->
04 <!--ajax-->
05 <script>
06 $('.support').on('click',  //绑定事件
07 function() {
08 $.ajax({
09 url: '{content:likeslink}',  //点赞链接
10 data: {
11 'likes''likes'
12 },
13 success: function(data) {
14 $('#support_number').load(location.href + " #support_number");  //点赞后刷新#support_number
15 if (data.state) {} else {
16 $(".supported").html("已点赞!")  //已赞提示
17 }},
18 error: function(xhr, status, error) {
19 console.log(error)
20 }
21 });
22 })

23 </script>

本文标题:Pbootcms ajax 无刷新点赞
本文网址:https://www.hflmwl.com/news/1570.html
原创作者:合肥良马网络科技有限公司 版权所有,转载请注明出处,并以链接形式注明。
声明:本页内容由合肥良马网络科技有限公司通过网络收集编辑和原创所得,所有资料仅供用户参考;本站不拥有所有权,也不承认相关法律责任。如您认为本网页中有涉嫌抄写的内容,请及时与我们联系进行举报,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立刻删除涉嫌侵权内容。如果您对SEO优化核心技术文章感兴趣,请点击查看网络推广网站制作的相关文章,请关注良马科技官网(www.hflmwl.com)

推荐文章

相关文章