我正在开发一个用于管理射击锦标赛的php应用程序。我的问题是,我需要加载一个表,在每个表行中都有一个带有id的按钮。该按钮触发ajax请求,返回另一个包含其他信息的表。
如何使用大量具有相同ID的按钮激发相同的ajax请求。
下面的一些代码片段
使用的PHP代码构造表的每一行
<tr>
<td align='center'>{$shooter_name}</td>
<td align='center'>{$entry_id}</td>
<td align='center'>
<form>
<input type='hidden' id='id_tournament_name' value='{$tournament_name}'>
<input type='hidden' id='id_shooter_name' value='{$shooter_name}'>
<input type='button' class='btn btn-primary btn-table' id='show_entries_by_shooter_list_button' value='Ver Fichas'>
</form>
</td>
第三个输入创建按钮,所有按钮都具有相同的ID。
AJAX请求
// Ajax request that sends a do_a_show_entries_by_shooter request (from tournament entries list) to the server.
$('#show_entries_by_shooter_list_button').off("click");
$('#show_entries_by_shooter_list_button').click(function () {
$.ajax({
type: "POST",
url: "do_a_show_entries_by_shooter.php",
data: {
tournament_name: $('#id_tournament_name').val(),
shooter_name: $('#id_shooter_name').val(),
},
dataType: "html",
success: function(response){
$("#general_use_div").html(response).fadeIn("slow");
}
});
});