Detaillierte Erklärung der domänenübergreifenden Ajax- und JSONP-Funktion (mit Code)-js-Tutorial-php.cn

Dieses Mal bringe ich Ihnen eine detaillierte Erklärung der domänenübergreifenden Implementierung von Ajax und JSONP (mit Code). Hier sind tatsächliche Fälle sehen.

Warum gibt es domänenübergreifende Probleme? - Weil es eine Same-Origin-Richtlinie gibtDie Same-Origin-Richtlinie ist eine Sicherheitsrichtlinie des Browsers. Die sogenannte Same-Origin-Richtlinie bezieht sich auf das Protokoll, den Domänennamen und den Port in der angeforderten URL-Adresse, solange einer der Unterschiede domänenübergreifend ist

Die Same-Origin-Richtlinie dient hauptsächlich dazu, die Sicherheit des Browsers zu gewährleisten

Unter der Same-Origin-Richtlinie , der Browser erlaubt Ajax nicht, Serverdaten über Domänen hinweg abzurufen

http://www.example.com/detail.html

Domänenübergreifende Anfrage:

ajaxGrundlegende KonzepteUm dieses Konzept zu verstehen Sie müssen zunächst die synchrone Interaktion und die asynchrone Interaktion kennen

Prinzip der Interaktion

Spezifische Anwendungsszenarien von Ajax

Leistungsoptimierung
verwendet werden groß und es unmöglich ist, alles auf einmal zu laden, kann ein rollierendes Laden implementiert werden

Vier Schritte der XMLHttpRequest-Interaktion 1. Instanziieren Sie das XMLHttpRequest-Objekt

2. Wenn Sie mit dem Server interagieren möchten, müssen Sie Folgendes tun: Der Server öffnet eine Verbindung

3. Senden Sie Daten an den Server und Parameterdaten an Der Server

4. Akzeptieren Sie die vom Server zurückgegebenen Daten, wenn Sie zum Client zurückkehren. Sie können Serverstatusänderungen überwachen, um den gesamten Interaktionsprozess besser zu steuern

Ajax Cross-Domain

Cross-Domain: Angenommen, ich besuche eine Site, der Hintergrund gibt mir eine Seite zurück und ich möchte dann auf die Ressourcen von Site B zugreifen auf dieser Seite von Website A. Dies ist ein domänenübergreifender Effekt. Für domänenübergreifende Browser gelten Sicherheitsbeschränkungen

Domänenübergreifende Lösung: JSONP-Methode

Der vollständige Name von JSONP ist JSON with Padding, das auf dem JSON-Format basiert und zur Lösung übergreifender Lösungen generiert wird. Domain-Ressourcen-Lösung. Das Grundprinzip seiner Implementierung besteht darin, das <script></script>-Element-Tag in HTML zu verwenden, um die JSON-Datei remote aufzurufen, um eine Datenübertragung zu erreichen. Wenn Sie die JSON-Daten (getUsers.JSON) abrufen möchten, die in b.com unter der Domäne a.com vorhanden sind:

Das wesentliche Prinzip von JSONP zur Lösung domänenübergreifender Probleme: Weil Browser Same-Origin-Einschränkungen haben , verschiedene Sites können nicht miteinander kommunizieren, aber manchmal möchten wir einfach Daten von anderen Sites abrufen, z. B. indem wir Wettervorhersagedaten hinzufügen, wo wir schnelle Daten erhalten möchten. Was sollen wir also tun?

Prinzip: Das

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse