JSONP-Rückrufe in JavaScript erstellen
Domänenübergreifende Anforderungen können eine Herausforderung bei der JavaScript-Entwicklung darstellen. JSONP (JSON with Padding) bietet jedoch eine Lösung für dieses Problem.
Ändern Ihrer JSON-API für JSONP
Um JSONP-Funktionen in Ihrer JSON-API zu aktivieren, folgen Sie den Anweisungen Einfache Schritte unten:
Akzeptieren Sie einen „Callback“-Parameter in der GET-Anfrage:
if(array_key_exists('callback', $_GET)){
Umschließen Sie Ihre Daten mit der Callback-Funktion:
$callback.'('.$data.');';
Am Beispiel von PHP demonstriert der folgende Code diese Schritte:
<code class="php"><?php $data = '{}'; // json string if(array_key_exists('callback', $_GET)){ 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'); $callback = $_GET['callback']; echo $callback.'('.$data.');'; }else{ // normal JSON string header('Content-Type: application/json; charset=utf8'); echo $data; } ?></code>
Verwendung des JSONP-Dienstes
Um den JSONP-Dienst zu nutzen, können Sie das HTML-Skript-Tag verwenden:
<code class="html"><script> function receiver(data){ console.log(data); } </script> <script src="data-service.php?callback=receiver"></script></code>
Das obige ist der detaillierte Inhalt vonWie erstelle ich JSONP-Rückrufe in JavaScript für domänenübergreifende Anfragen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!