当前位置: 首页 > news >正文

【无标题】标签单击事件

<!-- 给 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,          // 假设这是用户IDpoint: '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>
http://www.dtcms.com/a/449114.html

相关文章:

  • GAMES101:现代计算机图形学入门(Chapter5 光栅化1(三角形遍历))迅猛式学习笔记(附Homework 0)
  • 【Linux操作系统】进程概念
  • 【Linux】Linux进程信号(上)
  • 海思SS528/22AP30开发笔记之环境搭建和SDK编译
  • 算法二分法详解
  • 信号 | 基本描述 / 分类 / 运算
  • 【环境配置 升级gcc】RK3588 Ubuntu20.04 gcc9升级为gcc10
  • 资产信息收集与指纹识别:HTTPX联动工具实战指南
  • 鼠标消息超时处理——实现图形界面自动操作,避免鼠标消息阻塞
  • 用AI帮忙,开发刷题小程序:微信小程序在线答题系统架构解析
  • 用AI帮忙,开发刷题小程序:从零开始,构建微信小程序答题系统
  • 简单一点的网站建设个人网页设计页眉
  • 生成式人工智能赋能高中物理教学:范式转型、实践路径与效果评估
  • ✅XXL-JOB的基本使用
  • Windows+Docker+AI开发板打造智能终端助手
  • Linux如何修改主机名?
  • 虹桥做网站竞价推广平台
  • SQL-窗口函数做题总结
  • 做商城类网站空间怎么买个人网页生成器
  • Python AI编程在微创手术通过数据分析改善恢复的路径分析(上)
  • 《强化学习数学原理》学习笔记10——策略迭代
  • 《不一样的数据结构之—顺序表》
  • [论文阅读] AI+软件工程(DeBug)| 从11%到53%!双LLM驱动的工业级代码修复方案,Google数据集验证有效
  • 机器视觉的工业镜头有哪些?能做什么?
  • 百度免费建立网站dw网页制作教程div
  • 【Linux实战 】Linux 线程池的设计、实现与单例模式应用
  • flask-sqlalchemy中的flush()
  • 娱乐建设网站中国航天科工集团有限公司
  • 分布式系统相关概念(单体、集群、分布式、分布式集群、微服务)
  • vscode 配置使用pyqt5