Wie erstelle ich domänenübergreifende HTTP-Anfragen in JavaScript mithilfe von JSONP?

JSONP-Anfragen in JavaScript unter Verwendung der nativen API

Domänenübergreifende HTTP-Anfragen stoßen häufig auf die Same-Origin-Richtlinie, die Anfragen, die von stammen, einschränkt eine andere Domäne oder eine ungesicherte (HTTP) Domäne zu einer sicheren (HTTPS) Domäne. JSONP (JSON with Padding) ist eine Technik zur Umgehung dieser Einschränkung, die es JavaScript-Code ermöglicht, Daten aus einer anderen Domäne abzurufen.

Erstellen einer JSONP-Anfrage

Zu erstellen Führen Sie für eine JSONP-Anfrage ohne externe Bibliotheken die folgenden Schritte aus:

1. Erstellen Sie eine Rückruffunktion: Definieren Sie eine JavaScript-Funktion, die die Antwortdaten verarbeitet. Der Name dieser Funktion wird als Rückrufparameter in der JSONP-Anfrage verwendet.

2. Anfrage-URL erstellen: Die JSONP-Anfrage-URL sollte die folgenden Parameter enthalten:

   • Die Server-URL, auf der die Daten gehostet werden
   • Der auf den Namen Ihrer Rückruffunktion festgelegte Rückrufparameter
   • Die Daten, die Sie senden möchten (optional)
3. Erstellen Sie ein Skriptelement: Erstellen Sie ein Element und legen Sie sein src-Attribut auf die Anforderungs-URL fest. Der Browser führt dieses Skript aus und sendet die JSONP-Anfrage.
4. Fügen Sie das Skriptelement hinzu: Fügen Sie das
   Neueste Artikel des Autors
   Aktuelle Ausgaben

   function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

   Aus 2024-04-29 11:01:01

   0

   3

   2050

   So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

   Aus 2024-04-23 00:22:19

   0

   11

   2204

   Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

   Aus 2024-04-19 15:37:47

   0

   1

   1862

   Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

   Aus 2024-04-18 23:52:34

   0

   1

   1749

   Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

   Aus 2024-04-16 10:10:18

   0

   0

   1771
   verwandte Themen

   Mehr>

   • So verwenden Sie die Normfunktion in Python
   • Der Unterschied zwischen den selbst betriebenen und offiziellen Flagship-Stores von JD.com
   • So deaktivieren Sie das Windows-Sicherheitscenter
   • Internet-Zeitabfrage
   • So öffnen Sie eine Mobi-Datei
   • Wozu dient die Konsolenschnittstelle?
   • Einführung in den js-Sprungcode
   • Kostenloser Quellcode für persönliche Websites