Heim  >  Artikel  >  Web-Frontend  >  So fordern Sie Daten domänenübergreifend mit dem JQuery-Frontend an

So fordern Sie Daten domänenübergreifend mit dem JQuery-Frontend an

PHPz
PHPzOriginal
2023-04-26 14:22:231423Durchsuche

In der Frontend-Entwicklung ist es oft notwendig, Daten von verschiedenen Servern anzufordern. Aufgrund der Einschränkungen der Same-Origin-Richtlinie können Daten jedoch nicht direkt domänenübergreifend angefordert werden. Um dieses Problem zu lösen, können wir die von jQuery bereitgestellte Methode verwenden.

  1. Was sind domänenübergreifende Anforderungsdaten? Ein anderer Server sendet eine Anforderung zum Abrufen der Daten. Aus Sicherheitsgründen beschränken Browser Anfragen von Servern unterschiedlicher Herkunft. Gleicher Ursprung bedeutet, dass Protokoll, Port und Hostname der beiden Seiten identisch sind. Eine häufige Situation für die domänenübergreifende Anforderung von Daten besteht darin, Daten von einem anderen Server über Ajax auf der Front-End-Seite anzufordern.

Warum müssen Sie Daten domänenübergreifend anfordern?:

  1. Getrennte Front-End- und Back-End-Logik: Front-End und Back-End Die Endentwicklung wird häufig von zwei verschiedenen Teams durchgeführt und erfordert unterschiedliche Server, um ihre jeweiligen Codes auszuführen. Durch die domänenübergreifende Abfrage von Daten kann die logische Trennung zwischen Frontend und Backend deutlicher gemacht werden.
Ressourcen sparen: Einige kommerzielle Dienste stellen möglicherweise nur API-Schnittstellen und keine Front-End-Ressourcen bereit. Wenn Sie den Dienst zu diesem Zeitpunkt aufrufen müssen, müssen Sie Daten domänenübergreifend anfordern.

Mehrere Front-End-Server teilen Daten: Manchmal müssen verschiedene Front-End-Server auf denselben Back-End-Dienst zugreifen, und in diesem Fall sind domänenübergreifende Datenanforderungen erforderlich.
  • So lösen Sie domänenübergreifende Anforderungsdaten
  • Aufgrund der Einschränkungen der Same-Origin-Richtlinie können Sie dies nicht direkt tun Daten domänenübergreifend anfordern, aber wir können die folgende Lösung verwenden:
  1. JSONP: Obwohl JavaScript nativ keine domänenübergreifenden Anforderungen unterstützt, können Sie das src-Attribut des