Wie kann ich eine JavaScript-Variable ohne Seitenaktualisierung an PHP senden?

Senden einer JavaScript-Variable an eine PHP-Variable ohne Seitenaktualisierung

Frage:

Wie kann ich eine JavaScript-Variable an eine senden? PHP-Variable, insbesondere wenn auf eine Schaltfläche geklickt wird, und verwenden Sie sie, um Daten abzurufen, ohne die zu aktualisieren Seite?

Lösung:

Obwohl serverseitige Sprachen wie PHP und clientseitige Sprachen wie JavaScript separat funktionieren, können Sie JavaScript-Variablen mithilfe von AJAX-Techniken an PHP senden. So geht's:

Von JavaScript zu PHP:

1. XMLHttpRequest-Objekt: Erstellen Sie ein XMLHttpRequest-Objekt zur Verarbeitung des AJAX Anfrage.

var xhr = new XMLHttpRequest();

2. Ereignis-Listener: Fügen Sie der Schaltfläche einen Ereignis-Listener hinzu, um beim Klicken die AJAX-Anfrage auszulösen.

document.getElementById("myButton").addEventListener("click", function() {
    // Your code to send the variable
});

3. AJAX-Anfrage: Verwenden Sie im Ereignis-Listener eine XMLHttpRequest.open()-Methode zum Öffnen einer neuen Verbindung unter Angabe der HTTP-Methode, des URL-Endpunkts und des asynchronen Modus. Senden Sie dann die Daten mit XMLHttpRequest.send().

xhr.open("POST", "myphpfile.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("variable=" + theContents);

Von PHP zu JavaScript:

Auf dem PHP-Server können Sie auf die zugreifen Variable, die von JavaScript mit dem Superglobal $_POST gesendet wird Variable.

$phpvariable = $_POST['variable'];

Hinweis: Sie können die Variable $php weiterhin bei Bedarf in Ihrem PHP-Code verwenden, beispielsweise für Datenbanksuchen.

Das obige ist der detaillierte Inhalt vonWie kann ich eine JavaScript-Variable ohne Seitenaktualisierung an PHP senden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!