JavaScript ist eine weit verbreitete Programmiersprache, während PHP eine serverseitig verwendete Skriptsprache ist. Im Prozess der Webentwicklung müssen wir diese beiden Sprachen häufig kombinieren. In diesem Artikel erfahren Sie ausführlich, wie Sie PHP-Skripte in JavaScript einbetten und worauf Sie dabei achten müssen.
1. Warum müssen wir PHP-Skripte in JavaScript einbetten? Die Daten können verwendet werden, um Ergebnisse in Echtzeit zu berechnen oder verschiedene Inhalte basierend auf den vom Benutzer ausgewählten Optionen dynamisch anzuzeigen. Diese Funktionen erfordern in der Regel die Verwendung von JavaScript.
Auf der Serverseite verwenden wir häufig PHP, um die Generierung und Ausgabe dynamischer Daten abzuwickeln. Nachdem der Benutzer beispielsweise die Formulardaten übermittelt hat, müssen wir die Daten an den Server senden, sie mit PHP verarbeiten und schließlich die verarbeiteten Ergebnisse an den Benutzer zurückgeben. Auf diese Weise müssen wir PHP-Skripte in JavaScript verschachteln, um den Zweck der Dateninteraktion zwischen Server und Client zu erreichen.
2. Verwenden Sie die Ajax-Technologie, um eine Verschachtelung zu erreichen.
Die häufigste Methode zum Verschachteln von PHP-Skripten in JavaScript ist die Verwendung der Ajax-Technologie.
Ajax ist eine Reihe von Technologien zur Erstellung asynchroner Webanwendungen, die asynchrone Anfragen senden und Teile der Seite aktualisieren können, ohne die gesamte Seite zu aktualisieren. Normalerweise schreiben wir Ajax-Code in das JavaScript der Seite, verwenden JavaScript, um die Anfrage an den Server zu senden, der Server gibt die verarbeiteten Daten zurück und schließlich verwenden wir JavaScript, um die Daten auf der Seite zu aktualisieren.
Bei Verwendung der Ajax-Technologie müssen Sie zuerst ein XMLHttpRequest-Objekt erstellen und dieses Objekt dann verwenden, um eine Anfrage an den Server zu senden. Das Folgende ist ein typischer Ajax-Code:
var xhr = new XMLHttpRequest();
xhr.open('POST', 'example.php', true);
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onload = function () {
//处理返回的数据
};
xhr.send('data=value');In diesem Code erstellen wir zunächst ein XMLHttpRequest-Objekt und geben die Anforderungsmethode (POST), die Ziel-URL und ob es über die offene Methode asynchron ist, an. Anschließend legen wir den Anforderungsheader über die Methode setRequestHeader fest, um dem Server mitzuteilen, dass der angeforderte Datentyp application/x-www-form-urlencoded ist. Als nächstes verarbeiten wir die vom Server zurückgegebenen Daten in der Onload-Methode. Schließlich verwenden wir die Methode send, um eine Anfrage an den Server zu senden und die Datendaten auf value zu setzen.
In PHP-Skripten können wir das Array $_POST verwenden, um die vom Client übermittelten Daten abzurufen. Das Folgende ist ein einfaches PHP-Beispiel:
<?php $data = $_POST['data']; $result = doSomethingWithData($data); echo $result; ?>
In diesem Beispiel verwenden wir zuerst das Array $_POST, um die vom Client übermittelten Daten abzurufen, und verwenden dann die Funktion doSomethingWithData, um die Daten zu verarbeiten und auszugeben Ergebnis.
3. Umgang mit domänenübergreifenden Anfragen
Bei der Verwendung der Ajax-Technologie müssen wir auf ein Problem achten, nämlich die Einschränkungen domänenübergreifender Anfragen. Eine domänenübergreifende Anfrage bezieht sich auf eine Anfrage, die eine Anfrage an einen anderen Domänennamen oder Port sendet, z. B. das Senden einer Anfrage von http://example.com an http://localhost:8080.
Einschränkungen für domänenübergreifende Anfragen werden vom Browser implementiert. Standardmäßig lässt der Browser keine domänenübergreifenden Anfragen zu und gibt eine ähnliche Fehlermeldung an die Konsole aus:
Access to XMLHttpRequest at 'http://localhost:8080/example.php' from origin 'http://example.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Um die Einschränkungen domänenübergreifender Anfragen zu lösen, können wir CORS (Cross-Domain Ressourcenfreigabe)-Header-Informationen, fügen Sie der Antwort den Access-Control-Allow-Origin-Header hinzu und legen Sie eine Liste von Domänennamen fest, die domänenübergreifende Anforderungen zulassen. In PHP können CORS-Header auf folgende Weise hinzugefügt werden:
header('Access-Control-Allow-Origin: http://example.com');Der obige Code ermöglicht domänenübergreifende Anfragen von http://example.com.
Zusätzlich zum Hinzufügen von CORS-Headern können wir auch JSONP (JSON mit Padding) verwenden, um domänenübergreifende Anforderungen zu implementieren. JSONP ist eine Technologie, die die Eigenschaften des
