jQuery XML-Fehler: „Auf der angeforderten Ressource ist kein ‚Access-Control-Allow-Origin‘-Header vorhanden“

Beim Versuch Wenn Sie mit jQuery auf eine XML-Datei zugreifen, die sich in einer anderen Domäne befindet, wird möglicherweise die Fehlermeldung angezeigt: „Auf der angeforderten Ressource ist kein ‚Access-Control-Allow-Origin‘-Header vorhanden.“ Dieser Fehler tritt aufgrund der Same-Origin-Richtlinie auf, die ursprungsübergreifende AJAX-Aufrufe einschränkt.

Die Same-Origin-Richtlinie verstehen

Die Same-Origin-Richtlinie erzwingt dies Webbrowser erlauben nur AJAX-Aufrufe an Dienste, die in derselben Domäne gehostet werden wie die HTML-Seite, die die Anfrage stellt. Im gegebenen Beispiel wird die HTML-Seite auf http://run.jsbin.com/ gehostet, während sich die XML-Datei unter http://www.ecb.europa.eu/ befindet, was zu einer Cross-Origin-Anfrage führt wird vom Browser blockiert.

Cross-Origin Requests (CORS) aktivieren

Um Cross-Origin-Anfragen zuzulassen, muss ein Server entsprechende Header in seine Antwort aufnehmen. Einer dieser Header ist der Access-Control-Allow-Origin-Header, der die Ursprünge angibt, die auf die Ressource zugreifen dürfen.

Im Fall der XML-Datei stellt der ECB-Server nicht die erforderlichen CORS bereit Header, daher die Fehlermeldung. Um dieses Problem zu beheben, müsste der Server so konfiguriert werden, dass er die folgenden Header enthält:

Access-Control-Allow-Origin: http://run.jsbin.com
Access-Control-Allow-Methods: GET
Access-Control-Allow-Headers: Content-Type

Hinweis zu Preflight-Anfragen

In bestimmten Fällen, z. B. wenn POST-Anfragen mit nicht einfachen Headern gestellt werden, ist die Der Browser führt möglicherweise eine OPTIONS-Preflight-Anfrage aus, um festzustellen, ob der Server CORS für die spezifische Anfrage unterstützt. Wenn die Antwort des Servers auf diese Preflight-Anfrage nicht die entsprechenden CORS-Header enthält, schlägt die Hauptanfrage mit derselben Fehlermeldung fehl. Daher ist es wichtig, die erforderlichen Header in Antworten sowohl auf die Preflight- als auch auf die Hauptanfragen aufzunehmen.