php - GET后刷新页面上的几个div

Question

在我的页面上，我有一个图像列表。对于每张图像，您都会获得一组控件，例如删除和编辑。删除链接如下:

<a href='delete.php?imageid=xx'>Delete Image</a>

我没有在页面上设置表单，所以当用户单击删除图像时，它会转到 delete.php 页面，从数据库中删除图像，然后返回到上一页。当用户点击删除时我想做的是删除图像并刷新 DIV，而不必转到 delete.php 页面，然后返回原始页面，我知道这涉及 AJAX/Jquery ，我只是不确定如何开始，因为我看过的所有内容都需要表格。

如何使用 jquery 完成此操作？

谢谢。

Answer 1

可能每个图像周围都有删除按钮。因此，在点击您的 delete 按钮时，您需要:

$('a[href^="delete.php"]').click(function() { // for all delete buttons
    var url = $(this).attr('href'); // ge delete image url
    var $img = $(this).parent(); // find image container element
    $.post(url, function() { // make call to delete image
       $img.remove(); // delete image on success call
    });
    return false;
});

如果你有这样的标记:

<div>
    <a href='delete.php?imageid=xx'>Delete Image</a>
    <img src='...' />
</div>

在这种情况下，只有在成功请求 delete.php 时才会删除图像，并且您不需要在页面上进行任何刷新。

您可以使用 //find image container element 中的代码来找到要删除的正确元素。