javascript - 如何使用jquery将数据属性发送到php变量？

Question

这是我的 jquery 代码，它获取类名“.button”的特定按钮的数据属性。我试图将此数据属性发布到名为“to.php”的 PHP 文件。我也用 $.ajax 方法尝试过，但在 PHP 中，当我 echo $_POST['term'] 时，它说该术语未定义。有人可以帮助我将数据属性发布到 PHP 文件吗？

$(document).ready(function(){
  $(".button").each(function() {
    $(".button").on("click",function(){
      term = $(this).data("touserid");
      $.post("to.php",term);
    });  
  });
});

<?php
  $to = $_POST['term'];
  echo $to;
?>

Answer 1

您不需要 .each，因为 $(".button").on("click") 已向所有 .button 添加处理程序。在您的情况下，它会循环每个 .button ，并且每次都会在每个回合中向所有按钮添加处理程序。

根据jQuery docs ，.post() 期望对象或字符串作为第二个参数:

$(document).ready(function(){
   $(".button").on("click",function(){
     var touserId = $(this).attr("data-touserid");
     $.post("to.php", { term: touserId });
   }); 
});

如果您在按钮上使用 data-touserid="id"，则应使用 .attr()，因为 .data('touserid ') 与 .attr('data-touserid') 不同。

<button class="button" data-touserid="touserid">send</button>