如何通过 AJAX 获取点击 div 元素的自定义 value 值

✅ 正确做法如下：

1. HTML 中建议改用语义化 data 属性（更规范、可维护性更强）：

   点击获取信息
   

2. JavaScript 中使用 .data() 或 .attr() 读取（注意区别）：

• .data('classInfo')：自动转换类型（如 "1" → 1），且支持驼峰命名；
• .attr('data-class-info')：原样返回字符串 "1"，适合严格类型控制。

推荐使用 .data()，代码更健壮：

function caller() {
  const classValue = $('#Class').data('classInfo'); // 返回数字 1
  $.ajax({
    url: 'test.php',
    type: 'GET',
    data: { Class_info: classValue },
    su
ccess: function(data) {
      $('#Result').text(data);
      console.log('后端返回：', data);
    },
    error: function(xhr) {
      console.error('AJAX 请求失败：', xhr.status, xhr.statusText);
    }
  });
}

3. PHP 后端保持简洁安全（需基础校验）：

⚠️ 注意事项：

• 避免在 HTML 中滥用非标准属性（如 value），易引发兼容性或语义问题；
• 使用 data-* 属性是 W3C 推荐方案，同时支持 jQuery .data() 方法的智能解析；
• .val() 对 永远返回 undefined，务必改用 .attr() 或 .data()；
• 实际项目中建议将事件绑定改为委托方式（如 $('#Class').on('click', caller)），避免内联 onclick，提升可维护性与安全性。

总结：

不具备 value 属性，读取自定义值请用 .attr('xxx') 或更优的 .data('xxx')；AJAX 调用本身无误，关键在于前端数据采集方式是否准确。