<!-- 给 a 标签一个 id,方便 JS 选择 -->
<a id="dianxueBtn" href="#" class="btn btn-list">点穴</a>
<script>
// 获取 a 标签元素
const dianxueBtn = document.getElementById('dianxueBtn');
// 监听点击事件
dianxueBtn.addEventListener('click', function(event) {
// 1. 阻止 a 标签的默认跳转行为 (非常重要!)
event.preventDefault();
// 2. 准备要发送的数据
const postData = {
id: 123, // 假设这是用户ID
point: 'baihui', // 假设这是穴位
action: 'dianxue'
};
// 3. 使用 fetch API 发送 POST 请求
fetch('/guanliyuanyemian_dianxue', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
// 如果你的后端需要 CSRF 保护,需要添加相应的头部
// 'X-CSRFToken': getCSRFToken()
},
body: JSON.stringify(postData) // 将数据转换为 JSON 字符串
})
.then(response => {
// 4. 处理后端的响应
if (!response.ok) {
throw new Error('网络响应错误');
}
return response.json(); // 假设后端返回 JSON
})
.then(data => {
console.log('点穴成功:', data);
// 可以在这里给用户一个成功提示,比如弹出一个消息框
alert('点穴成功!');
})
.catch(error => {
console.error('点穴失败:', error);
alert('点穴失败,请重试!');
});
});
</script>
【无标题】标签单击事件
心静财富之门2025-10-07 9:12
相关推荐
草莓熊Lotso2 小时前
揭开 C++ vector 底层面纱:从三指针模型到手写完整实现小秋学嵌入式-不读研版2 小时前
C56-字符串拷贝函数strcpy与strnpyhui函数3 小时前
python全栈(基础篇)——day04:后端内容(字符编码+list与tuple+条件判断+实战演示+每日一题)Never_Satisfied3 小时前
在JavaScript / HTML中,转移字符导致js生成的html出错羚羊角uou3 小时前
【Linux】POSIX信号量、环形队列、基于环形队列实现生产者消费者模型数据知道4 小时前
Go语言:用Go操作SQLite详解晨非辰5 小时前
《剑指Offer:单链表操作入门——从“头删”开始破解面试》sheji34169 小时前
【开题答辩全过程】以 python杭州亚运会数据分析与可视化开题为例,包含答辩的问题和答案weixin_4462608512 小时前
快速构建网站的利器——Symfony PHP框架