In diesem Artikel wird hauptsächlich die detaillierte Erklärung des domänenübergreifenden Ajax-Aufrufs (jsonp) vorgestellt. Der Herausgeber findet es ziemlich gut. Jetzt werde ich es mit allen teilen und machen Sie es für alle zugänglich. Schauen wir uns den Editor an
1. JSONP-Definition
JSONP ist die Abkürzung für Englisch JSON mit Padding ist eine inoffizielle Vereinbarung. Es ermöglicht die Generierung von Skript-Tags auf der Serverseite und die Rückgabe an den Client, wodurch der Site-Zugriff in Form von Javascript callback ermöglicht wird. JSONP ist eine Skript-Tag-Injektion, die die vom Server zurückgegebene Antwort zur Seite hinzufügt, um bestimmte Funktionen zu implementieren.
2. Ursprung von JSONP
Um den Ursprung von JSONP zu erklären, sprechen wir zunächst über die „SOP: Same Origin Policy“ des Browsers. Kurz gesagt, der Browser beschränkt Skriptprogramme darauf, nur mit Skripten desselben Protokolls, desselben Domänennamens und desselben Ports zu interagieren. Dies umfasst das Teilen und Übergeben von Variablen usw. Auch die Lieferung von Cookies folgt der gleichen Strategie. Dies führt zu einigen Problemen bei der Integration von Anwendungen mit mehreren Servern. Das Problem des domänenübergreifenden Zugriffs führt dazu, dass der Ajax-Code von Site A nicht auf die Daten von Site B zugreifen kann.
Wie löst man den domänenübergreifenden Zugriff? Dann müssen Sie eine Funktion des Browsers nutzen: Obwohl der Browser nicht zulässt, dass Skripte auf der Seite Daten domänenübergreifend lesen, erlaubt er HTML , auf domänenübergreifende Ressourcen wie Bilder , CSS und Skripte. Der Verweis auf das Skriptprogramm ist etwas Besonderes. Nachdem es vom Browser analysiert wurde, ist es dasselbe wie das lokale Skriptprogramm und kann sofort interpretiert und ausgeführt werden. Beispielsweise gibt es in einer js-Datei auf Site B ein einfaches Eingabeaufforderungsfeld: warning („Das ist Victor!“). Wenn Sie auf Site A auf dieses JS verweisen, wird dieses Skript in der Anwendung auf Site B ausgeführt und zeigt eine Warnmeldung an. Da der Verweis auf externe Skripte über Skript-Tags erfolgt und das Skriptprogramm alle Tags der HTML-Seite über DOM steuern kann (einschließlich der dynamischen Erstellung von Skript-Tags), kann dies durch Aufrufen von externen Programmen erreicht werden auf lokale Ressourcen. Darüber hinaus können durch die Verwendung des