Fehlermeldung ausgeben

MarvinTLA · 14. Oktober 2021

Moin.

Ich habe mittels Ajax die Funktion gemacht, Ordner auf einem WebServer zu erstellen. (Mittels ssh2_exec)

Das klappt soweit auch ganz gut. Die Erstellung der Ordner ist in einer anderen Datei.

Ich wollte mal Fragen ob mir jemand helfen kann, wie ich Fehler ausgeben kann. Also z.b wenn der Ordner erstellt wurde gibt er dies auch aus als "SweetAlert". Allerdings zeigt er dies auch an, wenn der Ordner nicht erstellt wurde. Da wollte ich mal Fragen ob jemand eine Idee hat, wie ich den Fehler ausgeben kann wenn der Ordner nicht erstellt wurde.

Hier ist das Script:

PHP

<script>
    $(document).ready(function() {
        $("#ordnerErstellen").on("click", ".createOrdner", function() {
            var hh = document.createElement("div");
            var folder = <?php echo json_encode($datei) ?>;
            var folder2 = folder.replace(/\s+/g, "%20");
            var folderCreate = $('input[name="folderName"]').val();
            swal.fire({
                title: "Ordner erstellen?",
                html: "",
                icon: "warning",
                closeOnClickOutside: false
            }).then((create) => {
                if (create) {
                    $.ajax({  
                        type: "POST", 
                        url: "includes/createFolder.php",   
                        data: {
                            folderCreate: folderCreate,
                            folder: folder},
                        success: function(response) {
                            swal.fire({
                                title: "Fertig",
                                html: "Ordner wurde erstellt!",
                                icon: "success",
                                closeOnClickOutside: false
                            });
                            $('#myModal').modal('hide');
                            table.destroy();
                            $("#refreshData").load("verzeichnis.php?folder=" + folder2 + " #refreshData",
                            function() {
                                table = $('#verzeichnis').DataTable({
                                    "order": [[ 2, "desc" ]],
                                    "bLengthChange": false,
                                    "dom": '<"pull-left"f><"pull-right"l>tip',
                                    "bFilter": true,
                                    "language": {
                                        "url": "includes/German.json"
                                    }
                                });                                
                            });
                        }
                    });                    
                }
            })
        });
    });
</script>

Alles anzeigen

Und die createFolder.php

PHP

<?php
ini_set('display_errors', '1');
error_reporting(E_ALL);

include('basics.php');

# Verbindung zum PI herstellen #
$connection = ssh2_connect('###', 22);
ssh2_auth_password($connection, '###', '###');
$sftp = ssh2_sftp($connection);

$nameNeu = $_POST['folderCreate'];
$pfad = $_POST['folder2'];

    
// Ordner erstellen ohne Sicherungsordner
$createFolder = ssh2_exec($connection, "mkdir " . escapeshellarg("/media/Files/" . htmlspecialchars(ucfirst($userData["nachname"])) . "/" . $pfad . "/" . $nameNeu));
sleep(1);
$changePerm = ssh2_exec($connection, "chmod 777 -R " . escapeshellarg("/media/Files/" . htmlspecialchars(ucfirst($userData["nachname"])) . "/" . $pfad . "/" . $nameNeu));    

?>

Alles anzeigen

Würde mich freuen.

//Edit

gibt es noch die Möglichkeit einen Loader einzubauen? Damit die Abfrage erst weggeht, wenn der Ordner erstellt wurde?
Aktuell geht der Loader "showLoaderOnConfirm" direkt nach dem Klicken auf "Ok" weg.

LG

Stef · 16. Oktober 2021

Hey,

Sweet-Alert wird ausgeführt, weil die Ajax-Anfrage erfolgreich war. Du gibst jedoch keine response zurück und überprüfst im Success-Bereich deines Ajax-Requests auch nicht, ob der Ordner erfolgreich erstellt worden ist, sondern führst sofort die Bestätigung aus, dass der Ordner erstellt worden ist.

Die Funktion ssh2_exec gibt bei einem Fehler den Boolean false und bei der erfolgreichen Ausführung eine resource zurück.

Eine Lösungsmöglichkeit:

Du kannst in PHP prüfen, ob $createfolder ungleich false ist. Ist dies der Fall wurde der Ordner erfolgreich hinzugefügt. Dann kannst du einen Wert zurückgeben, den du dann im Ajax-Success-Bereich über weiterverarbeiten kannst. Dieser Wert steht dann in response.

Wenn response dann genau diesen Wert beinhaltet, soll die Erfolgsmeldung über SweetAlert ausgeführt werden. Ansonsten eine Fehlermeldung.

Beispiel:

PHP

$createFolder = ssh2_exec($connection, "mkdir " . escapeshellarg("/media/Files/" . htmlspecialchars(ucfirst($userData["nachname"])) . "/" . $pfad . "/" . $nameNeu));

if($creatFolder == false){
    echo "folderNotCreated";
}else{
    echo "folderCreated";

JavaScript

success: function(response) {

        if(response == "folderCreated"){
            swal.fire({
                  title: "Fertig",
                  html: "Ordner wurde erstellt!",
                  icon: "success",
                  closeOnClickOutside: false
            });
        }else{
            // Zeige Fehler-Alert an.
        }
                            

// weiterer Code .....

Alles anzeigen

Zitat

/Edit

gibt es noch die Möglichkeit einen Loader einzubauen? Damit die Abfrage erst weggeht, wenn der Ordner erstellt wurde?
Aktuell geht der Loader "showLoaderOnConfirm" direkt nach dem Klicken auf "Ok" weg.

Hm. Villt. sage ich jetzt auch was falsches, falls ja korrigiert mich: Du musst dafür eine Schleife einbauen (z.B. die while-Schleife), die:

solange es beim Ordner Erstellen ein Fehler gab, die Ordner-Erstellung wieder und wieder ausführt, bis es erfolgreich war
solange den Ajax-Request ausführt, bis die Erfolgsmeldung als response zurückgegeben wird.

Denn wenn der Ajax Request einmal ausgeführt wird, braucht dieser im Frontend nochmal eine Aktion (z.B. in Form eines Klicks), damit er nochmal ausgeführt wird und die neue Antwort vom PHP-Skript erfassen kann.

Schöne Grüße,
Stef

basti1012 · 16. Oktober 2021

Den Loader kannst du ja vorm Erstellen des Ordners (vor dem Ajax Request) einblenden, mit

addcCass bei jQuery

oder

classList.add bei Vanilla JS.

In der success Abfrage, die Stef dir gezeigt hast, nimmst du den loader die Klasse wieder weg.

Was auch immer du für ein Loader nutzt, Image, Icon selbst erstellten mit JS, die lassen sich so alle ein und ausblenden

MarvinTLA · 17. Oktober 2021

Zitat von Stef

PHP

$createFolder = ssh2_exec($connection, "mkdir " . escapeshellarg("/media/Files/" . htmlspecialchars(ucfirst($userData["nachname"])) . "/" . $pfad . "/" . $nameNeu));

if($creatFolder == false){
    echo "folderNotCreated";
}else{
    echo "folderCreated";

Hey,

erst einmal Vielen Dank für die Antwort.

Leider funktioniert das leider nicht ganz.
Er zeigt nur "folderCreated" an. Obwohl kein Ordner erstellt wurde.

Wenn ich $createFolder auch ausgebe. Zeigt er nur dies an "resource(4) of type (stream)"

Auch das mit dem SweetAlert funktioniert noch nicht ganz.

Code

LG

// Edit

Es klappt mittlerweile. Hab da aber noch eine Frage wegen dem Loader.
Wie mache ich dass, das solange der Ordner erstellt wird das Attribut "showLoaderOnConfirm" mit einfüge?

Das muss ja irgendwie mit einer Schleife gemacht werden, allerdings habe ich nichts gefunden, wie ich mit der while Schleife überprüfen ob als response "folderCreated" kommt.

Leider weiß ich aktuell nicht wie genau das gemacht wird.

Hat jemand einen Tipp?

Stef · 25. Oktober 2021

Hey,

du kannst vor der while-Schleife einen Boolean festlegen: let folderNotCreated = true;

Nun erstellst du die while-Schleife und nimmst diese Variable als Bedingung: while(folderNotCreated){.....}

In dem Schleifenkörper führst du dann den notwendigen Code aus und setzt bei der erfolgreichen Ordnergenerierung folderNotCreated auf false.

Hier ein Beispiel: https://jsfiddle.net/xow2y1s0/

MarvinTLA · 25. Oktober 2021

Wie genau mache ich das in dem SweetAlert?
Weil dort gibt es ja extra Die funktion "showLoaderOnConfirm".

So sieht das aktuell aus

PHP

<script>
    $(document).ready(function() {
        $("#ordnerErstellen").on("click", ".createOrdner", function() {
            var hh = document.createElement("div");
            var folder = <?php echo json_encode($datei) ?>;
            var folder2 = folder.replace(/\s+/g, "%20");
            var folderCreate = $('input[name="folderName"]').val();
            swal.fire({
                title: "Ordner erstellen",
                html: "Wollen Sie den Ordner <b>" + folderCreate + "</b> wirklich erstellen?",
                icon: "warning",
                showCancelButton: true,
                confirmButtonText: "Erstellen",
                cancelButtonText: "Abbrechen",
                showLoaderOnConfirm: true,
                closeOnClickOutside: false
            }).then((create) => {
                if (create.isConfirmed) {
                    $.ajax({  
                        type: "POST", 
                        url: "includes/ordner/createFolder.php",   
                        data: {
                            folderCreate: folderCreate,
                            folder: folder},
                        success: function(response) {
                            if(response == "folderCreated") {
                                swal.fire({
                                    title: "Erfolgreich",
                                    html: "Der Ordner <b>" + folderCreate + "</b> wurde erfolgreich erstellt!",
                                    icon: "success",
                                    confirmButtonText: "Fertig",
                                    closeOnClickOutside: false
                                });
                                $('#myModal').modal('hide');
                                table.destroy();
                                $("#refreshData").load("verzeichnis.php?folder=" + folder2 + " #refreshData",
                                function() {
                                    table = $('#verzeichnis').DataTable({
                                        "order": [[ 2, "desc" ]],
                                        "bLengthChange": false,
                                        "dom": '<"pull-left"f><"pull-right"l>tip',
                                        "bFilter": true,
                                        "language": {
                                            "url": "includes/German.json"
                                        }
                                    });                                
                                });
                            } else {
                                $('#myModal').modal('hide');
                                swal.fire({
                                    title: "Fehler",
                                    html: "Der Ordner konnte leider <b>nicht</b> nicht erstellt werden.<br>Bitte wenden Sie sich an den <b>Administrator!</b>",
                                    icon: "error",
                                    confirmButtonText: "Weiter",
                                    closeOnClickOutside: false
                                });
                            }
                            
                        }
                    });                    
                }
            })
        });
    });
</script>

Alles anzeigen

Also dein Beispiel verstehe ich, allerdings nicht wie ich das in dem SweetAlert einbinde.
Wenn er mich fragt ob ich den Ordner wirklich erstellen möchte, setzte ich "showLoaderOnConfirm" auf True. Dann zeigt er den ganz kurz an und dann schließt sich das SweetAlert. Erst wenn er fertig ist und den response zurückgibt, zeigt er entweder die Bestätigung oder den Fehler.

Möchte aber halt wirklich das er den "loader" beim Confirm, solange anzeigt, bis entweder die Bestätigung kommt oder halt der Fehler.

Da verstehe ich leider nicht genau wie ich das Einbinde.

// edit
Habe das die Schleife einmal vor der "Abfrage ob der Ordner erstellt werden soll" dort konnte ich nicht einmal mehr auf "Ok" bei dem Modal welches geöffnet wird (Wo ich den Ordnernamen angebe) andrücken. Später kam ein Fehler (fatal memory exceeded)

Dann habe ich es einmal nach dem }).then((create) => { eingefügt. Da hat sich die Abfrage geöffnet, konnte aber nicht auf "Weiter" drücken, dort der selbe Fehler. Und einmal habe ich das nach if (create.isConfirmed) { eingebunden. Dort das gleiche wie davor.

Stef · 25. Oktober 2021

Ich habe mir gerade Sweet-Alert genauer angeschaut und habe zu showLoaderOnConfirm folgendes Beispiel gefunden: https://codepen.io/pen/?&prefi…4f-4ca5-ba16-3d4aaa69ea5c

Kann es sein, dass dies genau das ist, was du suchst?

MarvinTLA : Ich werde mir dies die nächsten Tage in Ruhe genauer anschauen und mich dann wieder hier melden.

Stef · 25. Oktober 2021

MarvinTLA: Ich habe einen Lösungsweg gefunden.

Wenn der then-Block ausgeführt wird, wird das aktuelle Alert-Fenster geschlossen und das neue Alert-Fenster mit der Erfolgs- oder Fehlermeldung angezeigt. Nun ist das Ziel, das Schließen des ersten Alert-Fensters zu verhindern. Dafür bietet Sweetalert die anonyme Funktion preConfirm an. In dieser musst du deinen Ajax-Request sowie die Verarbeitung der Response ausführen.

Ich habe den Ajax-Request in ein setTimeout reingepackt, da der Prozess sonst sehr schnell abgeschlossen ist und der Effekt, den du dir wünschst, nicht erkannt werden kann.

JavaScript

"use strict";

$(document).ready(function() {

    $('#createFolder').on('click', function(){

        let folder = "Test2";
        let folderCreate = "Test21";

        swal.fire({
          title: 'Test title',
          text: "Test text",
          type: "warning",
          showCancelButton: true,
          cancelButtonText: "Cancel",
          confirmButtonText: "Confirm",
          showLoaderOnConfirm: true,
          preConfirm: function() {
              return new Promise(function(resolve) {
                setTimeout(function() {
                    $.ajax({
                        type: "POST",
                        url: "createFolder.php",
                        data: {
                            folderCreate: folderCreate,
                            folder: folder
                        },
                        success: function(response) {
                            if (response == "folderCreated") {
                                swal.fire({
                                    title: "Erfolgreich",
                                    html: "Der Ordner <b>" + folderCreate + "</b> wurde erfolgreich erstellt!",
                                    icon: "success",
                                    confirmButtonText: "Fertig",
                                    closeOnClickOutside: false
                                });
                        
                            } else {
                                
                                swal.fire({
                                    title: "Fehler",
                                    html: "Der Ordner konnte leider <b>nicht</b> nicht erstellt werden.<br>Bitte wenden Sie sich an den <b>Administrator!</b>",
                                    icon: "error",
                                    confirmButtonText: "Weiter",
                                    closeOnClickOutside: false
                                });
                            }
    
                        }
                    });

                    resolve();
                }, 1000);     
                
            });
          }
        });
      });
});

Alles anzeigen

MarvinTLA · 26. Oktober 2021

Also Das klappt soweit ganz gut.
Allerdings schließt er die Abfrage mit dem Loader noch zu früh.
Er schließt das ganze und 3 sekunden später kommt bsp erst die Fehlermeldung. (Als Beispiel)

Habe jetzt selber auch noch einmal geguckt aber ebenfalls ohne Erfolg.

//edit

Hab es letztendlich doch gepackt, war irgendwie doch einfacher als Gedacht.

Durch deine Lösung habe ich es iwie versucht und geschafft.

So habe ich es nu ngemacht:

Code

preConfirm: function() {
                return new Promise(function(resolve) {   
                    $.ajax({  
                        type: "POST", 
                        url: "includes/ordner/createFolder.php",   
                        data: {
                            folderCreate: folderCreate,
                            folder: folder},
                        success: function(response) {
                            if(response == "folderCreated") {
                                swal.fire({
                                    title: "Erfolgreich",
                                    html: "Der Ordner <b>" + folderCreate + "</b> wurde erfolgreich erstellt!",
                                    icon: "success",
                                    confirmButtonText: "Fertig",
                                    closeOnClickOutside: false
                                });
                                $('#myModal').modal('hide');
                                table.destroy();
                                $("#refreshData").load("verzeichnis.php?folder=" + folder2 + " #refreshData",
                                function() {
                                    table = $('#verzeichnis').DataTable({
                                        "order": [[ 2, "desc" ]],
                                        "bLengthChange": false,
                                        "dom": '<"pull-left"f><"pull-right"l>tip',
                                        "bFilter": true,
                                        "language": {
                                            "url": "includes/German.json"
                                        }
                                    });                                
                                });
                            } else {
                                $('#myModal').modal('hide');
                                swal.fire({
                                    title: "Fehler",
                                    html: "Der Ordner konnte leider <b>nicht</b> nicht erstellt werden.<br>Bitte wenden Sie sich an den <b>Administrator!</b>",
                                    icon: "error",
                                    confirmButtonText: "Weiter",
                                    closeOnClickOutside: false
                                });
                            }
                            
                        }
                    });    
                });
            }

Alles anzeigen

Stef · 27. Oktober 2021

Hey,

super. Freut mich!

Fehlermeldung ausgeben

Jetzt mitmachen!

Teilen