简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

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

Mary-Kate Olsen
Freigeben： 2024-10-31 04:46:30
Original
392 Leute haben es durchsucht

How to Make Cross-Domain HTTP Requests in JavaScript Using 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
    Beliebte Tutorials
    Mehr>
    Verwandte Tutorials
    Beliebte Empfehlungen
    Aktuelle Kurse
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！