php - 如果我有多个具有不同类的按钮，如何进行 ajax 调用，其中有 php 查询

Question

我不知道我问的是否正确，但我会尝试:

例如，我有 5 个按钮，每个按钮都有不同的类。

<button class="table1">Table1</button>
<button class="table2">Table2</button>
// etc... //

我有脚本，如果单击按钮，它会启动 ajax 调用:

$(".table1").click(function(){
  $.ajax({url:"test.php",success:function(result){
  $(".result").html(result);
  }});
});

我有 php 脚本，它应该通过单击的按钮类选择表(这是我的问题):

foreach($db->query('SELECT * FROM table1') as $row) {
  echo '<div><b>'.$row['info1'].'</b></div>';
  echo '<span>'.$row['info2'].'</span><br/>';
  echo '<span>'.$row['info3'].'</span>';
  echo '<br/><br/><br/>';

}

问题: 所有脚本都可以工作，但是，不知何故我需要这样做，如果我单击 table1，则 php 查询应选择 table1，如果单击 table2，则查询应选择 table2 ...等等。

我不太擅长ajax。我只了解 php 基础知识。

抱歉英语不好。

Answer 1

分割你的 CSS 类，例如

<button class="clickable" data-tableid="1">...</button>
<button class="clickable" data-tableid="2">...</button>

然后将您的点击句柄仅附加到 .clickable 类。单击事件将包括单击了哪个元素，您可以从中提取该特定按钮的数据属性:

$('.clickable').click(function(e) {  // 'e' is the click event
    sourceElement = e.target; // get the button which was clicked
    tableid = sourceElement.dataset.tableid; // extract its tableid data attribute
    ... ajax call here ...
});