删除照片后刷新页面

Question

您好，我在 javascript 中有一个功能，可以从数据库和服务器中删除照片。它工作正常，我删除了照片，但是这张照片仍在我的浏览器中。我有问题。如何只在 javascript 端刷新？

 container.addEventListener("click", function(e){
                if(e.target.tagName == 'BUTTON'){
                     var id = e.target.dataset.type;
                   var r = confirm("Are You sure to delete?");
if (r == true) {
    $.ajax({
        type: 'POST',
        url: 'index.php?r=gallery/deletep&name='+id,
        dataType: 'html'
    });
} 
                }
    });

现在我想添加

location.reload();

在 ajax 之后，但我不想刷新所有页面。我如何从浏览器中动态删除？

Answer 1

您无需重新加载整个页面即可删除图片。在 AJAX 调用的成功回调中使用 jQuery 中的 remove() API。

   $.ajax({
    type: 'POST',
    url: 'index.php?r=gallery/deletep&name='+id,
    dataType: 'html',
    success: function(response){
       $('img#id').remove();
    }
});

Answer 2

好的，在这种情况下，您有两种选择。您要么使用 AJAX 请求加载内容，要么使用 class 或该元素的 ID 从 DOM 中删除该元素。因此，如果您使用 AJAX 加载了内容，您可以在成功删除图像后再次加载所有这些内容。

$.ajax({ type: 'POST', url: 'index.php?r=gallery/deletep&name='+id, dataType: 'html', success: function(response) { $(e.target).remove(); } });

或者，

$.ajax({ type: 'POST', url: 'index.php?r=gallery/deletep&name='+id, dataType: 'html', success: function(response) { // use next ajax query to load content on DOM } });

删除照片后刷新页面

Refresh page after delete photo

javascript

ajax

refresh

reload