Javascript 如何为jQuery使用具有不同值但ID相同的按钮？

我有一个由PHP和MySql生成的表。其中一列将包含按钮，这些按钮将包含用于使用AJAX将数据发送到另一个PHP文件的值。但是我现在面临一个问题，id（s）只能有唯一的值

是否可以对具有不同值的按钮使用相同的ID

下面是HTML的虚拟数据（由PHP提供的输出）

序列号文件名操作
1物理注释下载
2化学注释下载
3数学笔记下载

现在，我想在单击第3列中的任何按钮时，在jQuery变量“file”中接收它们的值。 然后这些值将通过AJAX发送到PHP文件

这是我的jQuery和AJAX代码

<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#request").on("click",function(e){
    e.preventDefault();
    var file = $(this).val();
    $.ajax({
      url : "downloadfile.php",
      type : "POST",
      data : {file:file},
      success : function(data){
        alert("Thank you for using our service");
      }
    });
  })
});
</script>

$（文档）.ready（函数（）{
$（“#请求”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
var file=$（this.val（）；
$.ajax({
url:“downloadfile.php”，
类型：“POST”，
数据：{file:file}，
成功：功能（数据）{
提醒（“感谢您使用我们的服务”）；
}
});
})
});

如评论中所述，ID应始终是唯一的。因此，在您的案例中使用类

<td><button class="request" value="2">Download</button></td>

注意：请注意，您尚未关闭您的

tr

，它们丢失了

/

演示

$（文档）.ready（函数（）{
$（“.request”）。在（“单击”，函数（e）{
e、 预防默认值（）；
var file=$（this.val（）；
$.ajax({
url:“downloadfile.php”，
类型：“POST”，
数据：{
档案：档案
},
成功：功能（数据）{
提醒（“感谢您使用我们的服务”）；
}
});
})
});

序列号。
文件名
行动
1.
物理笔记
下载
2.
化学笔记
下载
3.
数学笔记
下载
请注意，ID应该是唯一的，因此在DOM对象中使用classes.ID必须是唯一的，并且您可以访问它的类名和属性。
<td><button class="request" value="2">Download</button></td>

$(".request").on("click", function(e) {