用ajax删除sql表数据

时间:2014-11-26 20:13:27

标签: javascript php jquery mysql ajax

我在上传图片时已将图像数据存储在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 =&#34; showResult&#34;

中显示错误消息

1 个答案:

答案 0 :(得分:0)

您也可以将其作为获取查询发送。您只需将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,您可以添加一个回调函数,如果查询成功,它可以隐藏元素。我编辑了添加一个闭包。