Ausführung von PHP-Skripten im Hintergrund einer HTML-Datei

Wie kann ich ein PHP-Skript im Hintergrund einer HTML-Datei ausführen?

Uhr
Um ein PHP-Skript im Hintergrund einer HTML-Datei auszuführen, kannst du das sogenannte "Ajax" (Asynchronous JavaScript and XML) verwenden. Ajax ermöglicht es · Daten im Hintergrund an den Server zu senden und die Antwort zu verarbeiten · ohne die gesamte Seite neu zu laden.

Hier ist ein Beispiel, ebenso wie du Ajax verwenden kannst um ein PHP-Skript im Hintergrund einer HTML-Datei auszuführen:

HTML-Datei (index.html):
```
<!DOCTYPE html>
<html>
<head>
<title>Ajax Beispiel</title>
<script>
function executePHP() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// Hier kannst du die Antwort des PHP-Skripts verarbeiten
document.getElementById("result").innerHTML = this.responseText;
}
};
// Hier gibst du den Pfad zum PHP-Skript an
xhttp.open("GET", "dein_php_skript.php", true);
xhttp.send();
}
</script>
</head>
<body>
<button onclick="executePHP()">PHP-Skript ausführen</button>
<div id="result"></div>
</body>
</html>
```

PHP-Datei (dein_php_skript.php):
```
<?php
// Hier steht der PHP-Code, den du ausführen möchtest
echo "Das ist die Antwort des PHP-Skripts";
?>
```

In diesem Beispiel wird ein einfaches HTML-Dokument gezeigt, das ein JavaScript enthält um das Ajax-Verfahren zu nutzen. Wenn der Benutzer auf den Button klickt, wird die JavaScript-Funktion `executePHP` aufgerufen. Diese Funktion erstellt eine neue XMLHttpRequest-Instanz und sendet eine Anfrage an das PHP-Skript `dein_php_skript.php`. Wenn die Anfrage erfolgreich ist, wird die Antwort des Skripts im `<div>` mit der ID "result" angezeigt, ohne die gesamte Seite neu zu laden.

Durch die Verwendung von Ajax kannst du PHP-Skripte im Hintergrund einer HTML-Datei ausführen was besonders nützlich ist wenn du dynamische Inhalte laden möchtest ohne die Benutzererfahrung zu unterbrechen.






Anzeige