Ajax, automatisch neu laden ohne Aktualisieren

MarvinTLA

Moin,

ich bin aktuell dabei mit Ajax das Löschen einer Datei umzusetzen.

Das klappt soweit auch ganz gut.

Nun wollte ich gerne das so machen, das sobald die Datei gelöscht wird, die Seite neu geladen wird, allerdings ohne normale Aktualisierung.
(Hoffe ihr versteht was ich meine ^^)

Mein Code:

Code

<script>  
$(document).ready(function(){    
    $(document).on('click', '#deleteFile', function() {  
        if(confirm("Datei wirklich löschen?")) {  
            var path = $('#deleteFile').attr("name");  
            $.ajax({  
                url:"delete.php",  
                type:"POST",  
                data:{path:path}
            });  
        } else {  
            return false;  
        }  
    });  
});  
</script>

Alles anzeigen

Weiß jemand wie ich das umsetzen kann?

LG Marvin

Sempervivum

Zitat

das sobald die Datei gelöscht wird, die Seite neu geladen wird, allerdings ohne normale Aktualisierung.

Nein, ich verstehe leider nicht, wie Du das meinst. Hat das etwas mit deiner früheren Frage zu tun:

https://www.html-seminar.de/forum/ws/user/26861-marvintla/

und Du möchtest das Dateienverzeichnis nach dem Löschen aktualisieren?

MarvinTLA

Ich meine das so

Ich habe eine Tabelle wo alle Dateien Aufgelistet sind. Wenn ich eine davon lösche mit einem Button den ich erstellt habe, soll dieser Tabellen Eintrag direkt entfernt werden ohne die Seite neu laden zu müssen.

basti1012

Soll de reintrag auch in der Datenbank gelöscht werden?

Ode nur beim Client ?

Du kannst die Zeile dann ja einfach mit remove wegfeuern.

Zeig uns mal dein HTML , was du da genau hast

Sempervivum

Dann habe ich ja richtig vermutet.

Ein DOM-Element kannst Du mit remove löschen:

https://developer.mozilla.org/en-US/docs/Web/API/Element/remove

Das click-Event hast Du ja für das #deleteFile registriert. Von das aus musst Du mit der Funktion closest das Element ermitteln, das die betr. Datei anzeigt. Und löschen.

prodev

Man darf eine ID immer nur einmal im gesamten HTML verwenden. Am besten verwendest du stattdessen für jeden Button die selbe Klasse, z.B. deleteFile

MarvinTLA

Danke für eure Antworten.
Habe das ganze so umgesetzt:

Code

var path = $('#deleteFile').attr("name");  
                $.ajax({  
                    url:"delete.php",  
                    type:"POST",  
                    data:{path:path},
                    success: function(data){
                        $("#refreshfefe").html(data);
                    }
                });

Jetzt mitmachen!