Heim  >  Artikel  >  Backend-Entwicklung  >  So erstellen Sie JSONP-kompatible Endpunkte in JavaScript: Eine umfassende Anleitung

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

Patricia Arquette
Patricia ArquetteOriginal
2024-10-23 00:14:31519Durchsuche

How to Create JSONP-Compatible Endpoints in JavaScript: A Comprehensive Guide

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