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

Patricia Arquette
Freigeben: 2024-10-23 00:14:31
Original
518 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!