So erstellen Sie JSONP-kompatible Endpunkte in JavaScript: Eine umfassende Anleitung

Erstellen von JSONP-kompatiblen Endpunkten in JavaScript

Cross-Origin Resource Sharing (CORS)-Einschränkungen können die Kommunikation zwischen Websites behindern, die auf verschiedenen Domänen gehostet werden. JSONP (JSON mit Auffüllung) bietet eine Problemumgehung, indem es die Verarbeitung von Skript-Tags durch den Browser nutzt.

So implementieren Sie JSONP in PHP

So erstellen Sie einen JSONP-fähigen Endpunkt in PHP, folgen Sie diesen Schritten:

1. Akzeptieren Sie einen Callback-Parameter in der GET-Anfrage, z. B. $callback = $_GET['callback'];.
2. Umschließen Sie die Callback-JavaScript-Funktion die JSON-Antwort im Browser, z. B. $callback.'('.$data.');'.
3. Geeignete HTTP-Header für CORS festlegen, z. B.:

<code class="php">header('Content-Type: text/javascript; charset=utf8');
header('Access-Control-Allow-Origin: http://www.example.com/');
header('Access-Control-Max-Age: 3628800');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');</code>

Dieser Code gibt eine JavaScript-Datei mit dem JSON-Objekt zurück, das als Parameter an die Rückruffunktion übergeben wird.

Verwendung von JSONP-kompatiblen Endpunkten

Verwenden Sie das <script> Tag zur Nutzung des JSONP-Dienstes:</script>

<code class="html"><script>
    function receiver(data) {
        console.log(data);
    }
</script>
<script src="data-service.php?callback=receiver"></script></code>

Wenn das Skript ausgeführt wird, wird die Empfängerfunktion mit der JSON-Antwort aufgerufen, sodass Sie auf der Clientseite auf die Daten zugreifen können.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie JSONP-kompatible Endpunkte in JavaScript: Eine umfassende Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!