Ajax删除，不能专注于特定行

Question

在以下代码中，我尝试使用 ajax .serialize() 删除一行，但它只删除第一行。使用 jQuery(this).closest('form').find('input[name="id "]').val();还为 ID 返回“未定义”。

Ajax 代码

 function AjaxDelete() {
 var rowId = $("#sil").serialize();
    var confirmation = confirm("Are you sure of deleting the following user:"+rowId);
    if (confirmation) {
      $.ajax({
          type:'POST',
          url:'sil.php',  //deleting file
          data: rowId,
          success:function(cevap){
              alert("User has been successfully removed.ID="+rowId);
          }
      });
    }
    return confirmation;
};

表结构

 echo '<table id="kullanicilar" align=center>
        <thead>
        <tr>
            <td></td>
            <td>ID</td>
            <td>Kullanıcı Adı</td>
            <td>Yönetici</td>
            <td colspan=4>İşlemler</td>
        </tr>
        </thead>
        ';

    while($results->fetch()){ //fetch values

        echo '<tr>
                <td><input type="checkbox" name="select[]" value="'.$id.'"></td>
                <td>'.$id.'</td>
                <td>'.$kullanici_adi.'</td>
                <td>'.$yonetici.'</td>
                <td><a href="#" onclick="return AjaxDelete();" class="link"><form method="post" id="sil"><input type="hidden" name="id" value="'.$id.'" class="id"></form><img src="img/delete.png" title="Sil"></a></td>
                <td><a href="#"><img src="img/edit.png" title="Düzenle"></img></a></td>
                <td><a href="#" class="gor">Gönderilerini Gör</a></td>
                <td><a target="_blank" href="#" class="gor">Profilini Gör</a></td>
              </tr>
             '
              ;
    }

    echo '</table><br/>';

Answer 1

在您的 while 循环中，您将相同的 id 提供给错误的输入。你可以试试：

<a href="#" onclick="return AjaxDelete("'.$id.'");" class="link"><form method="post" id="sil">

然后在你的 ajax 中：

function AjaxDelete(x) {
 var rowId = x;