Wie mache ich domänenübergreifende JSONP-Anfragen in JavaScript ohne jQuery?

Domainübergreifende JSONP-Anfragen in JavaScript ohne externe Bibliotheken erstellen

JSONP (JSON with Padding) ist eine Technik, die domänenübergreifende Anfragen ermöglicht durch Anhängen einer Rückruffunktion an die Anforderungs-URL. Die Rückruffunktion wird vom Client definiert und nach erfolgreichem Empfang der Anfrage vom Server ausgeführt.

So erstellen Sie eine JSONP-Anfrage ohne jQuery

Um eine JSONP-Anfrage ohne jQuery, Sie können diesen Schritten folgen:

1. Erstellen Sie eine Rückruffunktion: Definieren Sie eine Funktion, die aufgerufen wird, wenn der Server mit den JSON-Daten antwortet. Dieser Funktion werden die Daten als Argument bereitgestellt.

<code class="javascript">function foo(data) {
    // Process the JSON data
}</code>

2. Erstellen Sie die JSONP-URL: Erstellen Sie die URL für die JSONP-Anfrage, indem Sie die Rückruffunktion anhängen Name als Abfrageparameter.

<code class="javascript">const url = '//example.com/path/to/jsonp?callback=foo';</code>

3. Erstellen Sie ein Skriptelement: Erstellen Sie ein Skriptelement und legen Sie sein src-Attribut auf die JSONP-URL fest.

<code class="javascript">const script = document.createElement('script');
script.src = url;</code>

4. Fügen Sie das Skriptelement an das DOM an:Hängen Sie das Skriptelement an den Kopf des Dokuments an. Dadurch wird die Anfrage an den Server ausgelöst.

<code class="javascript">document.head.appendChild(script);
// or document.getElementsByTagName('head')[0].appendChild(script) in older browsers</code>

Sobald der Server mit den JSON-Daten antwortet, wird die Rückruffunktion ausgeführt und Sie können die bereitgestellten Daten verwenden, um Ihre Anwendung zu füllen.

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