使用 AJAX 删除 SQL 表数据 - delete sql table data with ajax

delete sql table data with ajax

本文关键字：数据 SQL 删除 AJAX 使用 | 更新日期: 2023-09-27

上传图像时，我将图像数据存储在SQL表中。然后我想使用 Ajax 删除单个图像。

这是我从表中检索图像的PHP代码。图像很少。

while($infoi= mysqli_fetch_array($ri, MYSQLI_ASSOC)){
    $imageId= $infoi['image_id'];
    $albumIdi= $infoi['album_id'];
    $imageName= $infoi['image_name'];
    $size= $infoi['size'];
    $type= $infoi['type'];
    $mainImage= $infoi['main_image_file_path'];
    $thumbImage= $infoi['thumb_image_file_path'];
    $addedDayi= $infoi['added_day'];

    echo '  <tr class="'.$imageId.'">
            <td> <a href="'.$mainImage.'" data-lightbox="'.$albumIdi.'">   <img src="'.$thumbImage.'" class="img-responsive thumbnail"  />    </a></td>
            <td> '.$imageName.' </td>
            <td> '.$size.' Kb  </td>
            <td>'.$addedDayi.'</td>
            <td> 
                <input type="submit" class=" btn btn-sm btn-danger ico-windows" id="'.$imageId.'" value="Delete"/>
                <div class="showResult" id="'.$imageId.'" style="display:none"> this division hided </div>
            </td> 
        </tr>
          ';  
    }// inner while

如何通过 AJAX 将图像 ID 传递给 PHP 脚本？在 php 中，我可以使用查询字符串来传递 imageId，但在 ajax 中我不知道如何传递它。

如果删除成功，则应隐藏整个表行，如果未删除，则应在div class="showResult"中显示错误消息

您也可以将其作为 get 查询发送。您只需要将 id 附加到您的网址

var url = url + "?imageId=" + id;

如果你使用jQuery，它非常简单。

$("#select inputs").click(function() {
    var id = $(this).attr("id");
    $.ajax({
        url : "http://my.website.com/ajax-delete.php?imageId=" + id,
        success : function() {
            $("#" + id).hide();
        }
    });
}

我忘记了确认部分。使用 jQuery，您可以添加一个回调函数，如果查询成功，该函数可以隐藏元素。我编辑以添加闭包。