Aktualisieren Sie die Datenbank ohne Aktualisierung, wenn Sie zum Formularfeld wechseln

Question

Also habe ich eine Zeile in einer Tabelle namens player. Ich möchte das Feld "Name" aktualisieren können.

Am Front-End habe ich bereits ein Formular-Text-Eingabefeld angezeigt, dessen Wert bereits automatisch auf den aktuellen Wert von Name aus der Tabelle gesetzt ist. Ich habe dies eine ID = "currentName" gegeben.

Verwenden von Javascript, AJAX und JQuery (oder etwas Ähnliches) Ich möchte in der Lage sein, den Wert für Name automatisch in der Datenbank aktualisieren zu lassen, wenn ein Benutzer den Inhalt dieses Feldes ändert.

Ich habe mir andere Quellen angeschaut, aber da ich neu in vielen dieser Sprachen bin, habe ich Schwierigkeiten, es in meinem Kontext zu tun.

Jede Hilfe würde sehr geschätzt werden.

Answer 1

Mit jquery ajax können Sie ein Änderungsereignis an dieses Feld binden und dann ajax verwenden, um diese Tabelle mit dem Wert zu aktualisieren. Nun gibt es zwei Möglichkeiten, die Eingabe zu validieren. Sie können .blur verwenden, wenn der Benutzer den Fokus verliert, um zu überprüfen, ob sich der Wert geändert hat, oder Sie können eine Back-End-Prüfung durchführen.

$("#currentName").change(function(){ 
     $.ajax({ 
        type: "POST", 
        url: "~/yoururl/functions.php",//your url here 
        data: $(this).val(), //this is the current value that was changed 
        dataType: 'json', 
        success: function(response) { 
         console.log("success"); 
        }, 
        error: function(response) { 
         console.log(response); 
        } 
       }); 
    }); 

// Prozessablauf zur Klarheit