在 PbootCMS 中实现无刷新点赞功能

引入 jQuery 文件：
在需要实现点赞功能的页面中，引入 jQuery 文件。可以通过以下代码实现：

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

    添加点赞按钮和显示点赞数的元素：
    在合适的位置添加以下 HTML 代码：

<button class="support">点赞</button>
<div id="support_number">{content:likes}</div>
<p class="supported"></p>

• <button class="support">点赞</button>：点赞按钮。

• <div id="support_number">{content:likes}</div>：用于显示点赞数。

• <p class="supported"></p>：用于显示已赞提示。

  添加 AJAX 点赞逻辑：
  在页面中添加以下 JavaScript 代码：

<script>
$('.support').on('click', function() {
    $.ajax({
        url: '[content:likeslink]',
        data: {
            'likes': 'likes'
        },
        success: function(data) {
            $("#support_number").load(location.href + " #support_number");
            if (data.state) {
                $(".supported").html("已点赞！");
            }
        },
        error: function(xhr, status, error) {
            console.log(error);
        }
    });
});
</script>

• $('.support').on('click', function() {...})：为点赞按钮绑定点击事件。

• $.ajax({...})：发送 AJAX 请求到点赞链接。

• url: '[content:likeslink]'：点赞链接。

• data: {'likes': 'likes'}：传递点赞数据。

• success: function(data) {...}：处理成功响应，刷新点赞数并显示已赞提示。

• error: function(xhr, status, error) {...}：处理错误响应，在控制台输出错误信息。

  保存并验证：
  保存对页面文件所做的修改。然后，在浏览器中打开页面，点击点赞按钮，查看是否实现了无刷新点赞功能。

注意事项：

• 在使用 AJAX 时，要确保请求的 URL 和数据的正确性，避免出现请求错误。

• 如果你对 jQuery 和 AJAX 不太熟悉，建议在使用之前先了解一些基本的前端知识。

• 在实际应用中，还需要根据具体情况对代码进行适当的修改和调整，以确保功能的稳定性和兼容性