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

Question

这是我的jquery代码，它获取类名为".button"的特定按钮的数据属性。我正试图将此数据属性发布到名为"to.PHP"的PHP文件中。我也尝试过使用$.ajax方法，但在PHP中，当我回显$_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文档，.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>