如何在网站中实现无刷新点赞功能？-热站网

当今的网站设计越来越注重用户体验，无刷新点赞就是其中之一。本文将介绍如何使用模板实现无刷新点赞功能。

首先，我们需要在页面中引入 jQuery 文件，可以通过以下代码实现：

1<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

接下来，在合适的位置添加以下代码：

`01`	`<button class="support">点赞</button> <!--按钮--->`

`02`	`<div` `id="support_number">{content:likes}</div> <!--赞数量-->`

`03`	`<p class="supported"></p> <!--已赞提示-->`

04

`05`	`<!--ajax-->`

`06`	`<script>`

`07`	`$('.support').on('click', //绑定事件`

`08`	`function() {`

`09`	`$.ajax({`

`10`	`url:` `'{content:likeslink}', //点赞链接`

11 data: {

`12`	`'likes':` `'likes'`

13 },

`14`	`success:` `function(data) {`

`15`	`$('#support_number').load(location.href +` `" #support_number"); //点赞后刷新#support_number`

`16`	`if` `(data.state) {}` `else` `{`

`17`	`$(".supported").html("已点赞！") //已赞提示`

18 }},

`19`	`error:` `function(xhr, status, error) {`

`20`	`console.log(error)`

21 }

22 });

23 })

`24`	`</script>`

本文地址：http://demo.rezhanwang.com/jianzhanjiaocheng/3224.html

您现在的位置：首页>>建站知识>>建站教程