Wie können jQuery und PHP JSONP für Cross-Origin-Anfragen implementieren?

JSONP mit jQuery und PHP: Ein Beispiel für eine Cross-Origin-Anfrage

Das Verständnis des Konzepts von JSONP kann eine Herausforderung sein, insbesondere bei der Implementierung es in Ihren eigenen Projekten. In diesem Artikel stellen wir ein einfaches, aber effektives Beispiel bereit, das jQuery, PHP und JSONP kombiniert. Wenn Sie dieser Demonstration folgen, erhalten Sie ein klares Verständnis dafür, wie Sie mit diesem Mechanismus ursprungsübergreifende Anfragen ausführen.

Die Herausforderung

Betrachten wir ein Szenario, in dem wir Wir haben eine Webseite, die auf einer Domain gehostet wird (z. B. meine Website.com) und einen Server, der einige Daten hostet, auf die wir auf einer anderen Domain zugreifen möchten (z. B. someotherserver.com). Aufgrund der Same-Origin-Richtlinie ist ein direkter Zugriff auf die Daten mit herkömmlichen Ajax-Methoden nicht möglich.

Geben Sie JSONP ein: Eine Cross-Origin-Lösung

JSONP ist eine Technik, die es Ihnen ermöglicht, ursprungsübergreifende Anfragen zu stellen, indem sie die Tatsache ausnutzt, dass Browser den Skript-Tags keine Beschränkung auf den gleichen Ursprung auferlegen. Im Wesentlichen können wir die Daten, die wir abrufen möchten, in einen Funktionsaufruf einschließen und das Skript-Tag verwenden, um sie zu laden.

Die jQuery-Methode $.getJSON

Wann Wenn Sie jQuery verwenden, um eine JSONP-Anfrage zu stellen, können Sie die Methode $.getJSON() verwenden. Diese Methode erkennt und verarbeitet automatisch die Cross-Origin-Anfrage mithilfe von JSONP.

PHP-Serverseitiges Skript

Auf der Serverseite erstellen wir ein PHP-Skript zur Verarbeitung der Fordern Sie die Daten in dem von JSONP erwarteten Format an und geben Sie sie zurück. Wir verwenden den Befehl ?callback=? Parameter, um die Rückruffunktion anzugeben, die zum Umschließen der zurückgegebenen Daten verwendet wird.

Testen des Beispiels

Um unser Beispiel zu testen, verwenden wir jQuery auf der Webseite und PHP auf dem Server. Der jQuery-Code stellt eine JSONP-Anfrage an den Server und das serverseitige PHP-Skript gibt die in einer Rückruffunktion verpackten Daten zurück. Nach Erhalt der Antwort führt jQuery den Rückruf aus und verarbeitet die zurückgegebenen Daten.

Das obige ist der detaillierte Inhalt vonWie können jQuery und PHP JSONP für Cross-Origin-Anfragen implementieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!