Wie mache ich JSONP-Anfragen in JavaScript ohne externe Bibliotheken?

Erstellen von JSONP-Anfragen in JavaScript ohne externe Bibliotheken

Für domänenübergreifende Anfragen ermöglicht JSONP (JSON mit Padding) den Abruf von Daten aus einem andere Domäne. Anstatt sich auf externe Bibliotheken wie jQuery zu verlassen, kann JavaScript dies nativ erreichen.

So initiieren Sie eine JSONP-Anfrage:

1. Erstellen Sie eine Rückruffunktion:
   Schreiben Sie eine JavaScript-Funktion, in diesem Fall „foo“, die mit den angeforderten Daten aufgerufen wird.
2. Anfrage-URL erstellen:
   Formulieren Sie die JSONP-Anfrage-URL mit dem entsprechenden Endpunkt , Parameter und Name der Rückruffunktion. Diese URL endet normalerweise mit „?callback=foo“.
3. Erstellen Sie ein Skriptelement:
   Generieren Sie dynamisch ein Skriptelement mithilfe des DOM von JavaScript. Legen Sie das „src“-Attribut dieses Elements auf die JSONP-Anforderungs-URL fest.
4. Skript an Dokument anhängen:
   Fügen Sie das neu erstellte Skriptelement an den des HTML-Dokuments an. Element. Durch diese Aktion wird die Anfrage automatisch ausgelöst.

Beispielcode:

function foo(data) {
    // Process and utilize the JSON data
}

var script = document.createElement('script');
script.src = '//example.com/path/to/jsonp?callback=foo';

document.head.appendChild(script);

Durch die Verwendung dieser Schritte initiieren Sie effektiv eine JSONP-Anfrage ohne externe Bibliotheken, sodass Sie übergreifende Abfragen abrufen können. Domain-JSON-Daten und verarbeiten Sie sie in Ihrem JavaScript-Code.

Das obige ist der detaillierte Inhalt vonWie mache ich JSONP-Anfragen in JavaScript ohne externe Bibliotheken?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!