js点赞插件

// 示例代码：使用AJAX发送点赞请求
document.getElementById('like-button').addEventListener('click', function() {
    fetch('/api/like', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({ postId: '123' })
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById('like-count').innerText = data.likes;
    });
});

// 示例代码：更新点赞按钮状态
document.addEventListener('click', function(event) {
    if (event.target.classList.contains('like-button')) {
        const postId = event.target.dataset.postId;
        fetch(`/api/like/${postId}`, { method: 'POST' })
        .then(response => response.json())
        .then(data => {
            event.target.classList.toggle('liked');
            event.target.nextElementSibling.innerText = data.likes;
        });
    }
});

// 示例代码：添加CSRF令牌
function getCookie(name) {
    const value = `; ${document.cookie}`;
    const parts = value.split(`; ${name}=`);
    if (parts.length === 2) return parts.pop().split(';').shift();
}

document.getElementById('like-button').addEventListener('click', function() {
    const csrfToken = getCookie('csrf_token');
    fetch('/api/like', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-Token': csrfToken
        },
        body: JSON.stringify({ postId: '123' })
    })
    .then(response => response.json())
    .then(data => {
        document.getElementById('like-count').innerText = data.likes;
    });
});