通过单击按钮从ajax的表行中获取ID

时间:2018-12-12 14:25:01

标签: php jquery ajax

我正在尝试从表中的行中获取值(id)。 这是我的行

 echo "<td>" . $row['id'] . "</td>";

有我要删除的按钮

<button type='button' id='btn-delete' class='btn btn-xs btn-danger btn-delete' style='margin-left: 15px;'><i class='ti-trash'></i>

有Jquery / Ajax

$(document).on('click', '#btn-delete', function(){
   var id = $(this).attr("id");
   if(confirm("Are you sure you want to remove this?"))
   {
    $.ajax({
     url:"delete_record.php",
     method:"POST",
     data:{id:id},
     success:function(data){
      $('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
      location.reload();
     }
    });
    setInterval(function(){
     $('#alert_message').html('');
    }, 5000);
   }
  });

在我的id中,我选择第一行时得到了“ btn-delete”,例如,当第二行时选择了2。

我想将ID发布到我要从数据库中删除记录的php文件中

编辑: 表格行

while($row = mysqli_fetch_array($result))
                        {
                        echo "<tr>";
                        echo "<td id=".$row['id'].">" . $row['id'] . "</td>";
                        echo "<td>" . $row['email'] . "</td>";
                        echo "<td>" . $row['pswd'] . "</td>";
                        echo "<td>
                        <button type='button' class='btn btn-xs btn-success btn-edit' data-toggle='modal' data-target='#editModal'><i class='ti-pencil'></i>
                        <button type='button' id='btn-delete' class='btn btn-xs btn-danger' style='margin-left: 15px;'><i class='ti-trash'></i>
                        </td>";
                        echo "</tr>";
                        }

2 个答案:

答案 0 :(得分:2)

如果您尝试获取$(this).attr("id"),则需要首先从PHP设置此ID。目前,您尚未在echo "<td>" . $row['id'] . "</td>";

中进行设置

您应明确设置此ID。

echo "<td id=".$row['id'].">" . $row['id'] . "</td>";

答案 1 :(得分:1)

在您的情况下,$(this)是您的实际按钮。这就是为什么当您请求ID时会得到“ btn-delete”的原因。

如果每一行都有一个按钮,该怎么做是将html data属性应用于类似于<button data-id=".$row['id']."></button>的按钮。

然后单击按钮以获取您可以编写的数据属性值

id = $(this).data("id")