按钮列表触发相同的ajax请求

时间:2014-10-19 17:18:27

标签: php jquery ajax

我正在开发一个用于管理射击锦标赛的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");
                        }
                        });
                    });

0 个答案:

没有答案