Detaillierte Erläuterung des domänenübergreifenden Ajax-Aufrufs von JAVA im Zusammenhang mit Hintergrund_AJAX

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 Ihnen teilen und als Referenz geben. 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 eines Javascript-Callbacks 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. Der 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. Die Bereitstellung von Cookies erfolgt ebenfalls nach derselben Richtlinie. 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 zu verweisen. 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 das 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 den Aufruf externer Programme erreicht werden auf lokale Ressourcen. Darüber hinaus können durch die Verwendung des 3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tags ausführbare JavaScript-Funktionsaufrufe oder JSON-Daten direkt vom Server zurückgegeben werden.

3. JSONP-Prinzip und Implementierung

Registrieren Sie zunächst einen Rückruf auf dem Client und übergeben Sie dann den Namen des Rückrufs an den Server. Zu diesem Zeitpunkt generiert der Server zunächst JSON-Daten. Verwenden Sie dann die JavaScript-Syntax, um eine Funktion zu generieren.

Dann werden die JSON-Daten direkt als Parameter in die Funktion eingefügt, wodurch eine js-Syntax generiert wird der Kunde.

Schließlich wird das Skript-Tag im Client-Browser analysiert und das zurückgegebene JavaScript-Dokument ausgeführt. Zu diesem Zeitpunkt werden die Daten als Parameter an die vordefinierte Rückruffunktion des Clients übergeben ( Dynamisch die Callback-Funktion ausführen).

Spezifische Codeoperationen:

1, JS-Code

$.ajax({

  url: 'http://192.168.3.49:8080/PORTAL/authCode',

  type: 'post',

  dataType:'jsonp',

  jsonp: "callback",

  data: {

    "type":'0',

    "mobilePhone": $("#tel").val()

  },

  success:function(data){

    alert(data.ret)

    settime(obj);

  },

  error:function(data){

    $('#mstr_ck').html("获取验证码失败，请重试！");

    $("#error_ck").show();

  }

});

2, Java-Code

@RequestMapping(value = "authCode")

@ResponseBody

public String getMobileAuthCode( HttpServletRequest request, String callback)

    throws Exception {

  String result = "{'ret':'true'}";

  //加上返回参数

  result=callback+"("+result+")";

  return result;

}

Wie oben: der Front-End-Aufruf Ergebnis erscheint: Warnung ('wahr')　

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des domänenübergreifenden Ajax-Aufrufs von JAVA im Zusammenhang mit Hintergrund_AJAX. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!