Wie erstelle ich JSONP-Rückrufe in JavaScript für domänenübergreifende Anfragen?

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:

1. Akzeptieren Sie einen „Callback“-Parameter in der GET-Anfrage:

   if(array_key_exists('callback', $_GET)){

2. 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!