点赞功能的JavaScript代码通常涉及到前端与后端的交互,以实现用户点击点赞按钮时,能够更新点赞数并可能记录用户的点赞行为。以下是一个简单的点赞功能实现示例:
以下是一个简单的点赞功能实现:
<button id="likeButton">点赞</button>
<span id="likeCount">0</span>
document.getElementById('likeButton').addEventListener('click', function() {
// 发送AJAX请求到服务器
fetch('/api/like', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ postId: 1 }) // 假设点赞的是ID为1的帖子
})
.then(response => response.json())
.then(data => {
if (data.success) {
// 更新点赞数
document.getElementById('likeCount').textContent = data.likeCount;
} else {
alert('点赞失败,请重试!');
}
})
.catch(error => {
console.error('Error:', error);
alert('点赞失败,请检查网络连接!');
});
});
const express = require('express');
const app = express();
app.use(express.json());
let likeCount = 0;
app.post('/api/like', (req, res) => {
const { postId } = req.body;
// 这里可以添加验证postId的逻辑
likeCount += 1;
res.json({ success: true, likeCount });
});
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
通过以上代码和说明,可以实现一个基本的点赞功能,并处理一些常见问题。根据实际需求,还可以进一步扩展和优化。
领取专属 10元无门槛券
手把手带您无忧上云