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

Susan Sarandon
Freigeben: 2024-10-22 20:54:00
Original
787 Leute haben es durchsucht

How to Create JSONP Callbacks in JavaScript for Cross-Domain Requests?

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)){
    Nach dem Login kopieren
  2. Umschließen Sie Ihre Daten mit der Callback-Funktion:

    $callback.'('.$data.');';
    Nach dem Login kopieren

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

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

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!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage