mit jquery einen alert ausgeben

[Gast]

Hi Leute,

Ich habe folgendes Form:

            <form class="form-horizontal">
              <div class="form-group">
                <label for="eingabefelBenutzername" class="col-sm-2 control-label">Benutzername</label>
                <div class="col-sm-10">
                  <input type="username" class="form-control" id="eingabefelBenutzername" placeholder="Benutzername">
                </div>
              </div>
              <div class="form-group">
                <label for="eingabefeldPasswort3" class="col-sm-2 control-label">Passwort</label>
                <div class="col-sm-10">
                  <input type="password" class="form-control" id="eingabefeldPasswort3" placeholder="Passwort">
                </div>
              </div>
              <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                  <button id="usercreatebtn" type="submit" class="btn btn-default">Erstellen</button>
                </div>
              </div>
            </form>

Dann habe ich diese PHP Datei:

<?php
    $host = 'localhost';
    $username = 'event';
    $password = '12345';
    $database = 'eventkalender';
    
    $mysqli = new mysqli($host, $username, $password, $database);


    if ($mysqli->connect_error) {
        die('Connect Error (' . $mysqli->connect_errno . ') '. $mysqli->connect_error);
    }
    
    $benutzername = $_POST['username'];
    $passwort = $_POST['password'];

    
    $query = "INSERT INTO benutzer (benutzername, passwort) VALUES ('$benutzername', '$passwort')";

    if ($mysqli->query($query) === TRUE) {
        $last_id = $mysqli->insert_id;        
    } else {
        
        if($mysqli->error){
            
            echo (json_encode($mysqli->error));            
            //return http_response_code(400);
        }
        
        
        
    }

    $mysqli->close();
?>

Und diese Jquery Datei:

    $('#usercreatebtn').on("click", function(event){
        event.preventDefault();
        var usernameValue = $("#eingabefelBenutzername").val();    
        var passwordValue = $("#eingabefeldPasswort3").val();     
        
        
        $.ajax({
            type: "POST",
            data:'username='+ usernameValue + '&password='+ passwordValue, 
            url: "pages/createuser.php", 
            success: function(result, status){
                console.log(result)
                console.log(status)
            },
            error: function(result, status){
                console.log(result.responseText)
            },
        });            
    });
    
    $('#message').show(function(){
                
    });

Meine Frage ist, wie kann ich zum Beispiel eine Meldung ausgeben, die sagt:
- Benutzer erfolgreich erstellt
- Benutzer existiert schon

Ich habe versucht anzufangen, jedoch komm ich nicht weiter, ich habe auf der Seite, auf der ich die Meldung brauche ein Div erstellt und diesem eine fixe Position gegeben.

Danke und Gruss
Marlon

[Forumsgast]

Hoffentlich ist das nirgendwo im Einsatz. Du beachtest den Kontextwechsel zu SQL nicht. Werte, die in SQL-Code eingefügt werden, müssen mit real_escape_string() maskiert werden.

Du beachtest auch den Kontextwechsel in der URL nicht. Werte, die in einer URL eingefügt werden, müssen auch maskiert werden. Aber warum machst du das überhaupt mit der Hand? Bei jQuery gibts dafür .serialize().

Zu deinem Problem: Du solltest mit HTTP-Statuscodes arbeiten. Wenn zB. der User angelegt wurde, gib in PHP den Statuscode 200 oder 201 zurück. Im Fehlerfall halt den anderen passenden Statuscode. Und mit JavaScript wertest du dann diesen Statuscode aus.

Siehe auch: https://en.wikipedia.org/wiki/List_of_HTTP_status_codes

[Gast]

Hoffentlich ist das nirgendwo im Einsatz.[/URL]

Ist nirgends im Einsatz, ist eine Schularbeit ^^
Und Danke für den Tipp!