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请求加载内容，也可以使用该元素的class或id从DOM中删除元素。因此，如果您使用AJAX加载了内容，则可以在成功删除图像后再次加载所有这些内容。

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

OR，

$.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 } });

Answer 2

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

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

删除照片后刷新页面

2 个答案: