Prinzipien und Beispiele für domänenübergreifende Ajax-Anforderungen von jquery

Prinzipien und Beispiele für domänenübergreifende Ajax-Anforderungen von jquery_jquery

WBOY

Freigeben： 2016-05-16 16:49:29

Original

1081 Leute haben es durchsucht

Heute musste ich im Projekt Remote-Daten laden und die Seite rendern. Das Problem der domänenübergreifenden Ajax-Anfrage war mir erst vage in Erinnerung, dass Jquery eine Lösung für domänenübergreifende Ajax-Anfragen erwähnte. Domänenanfrage, also habe ich sofort die API von Jquery ausgegraben, um Nachforschungen anzustellen, und festgestellt, dass
JQuery zwei Arten von Lösungen für domänenübergreifende Ajax-Anfragen bietet, beide jedoch nur die Get-Methode unterstützen. Dabei handelt es sich um das jquery.ajax-JSONP-Format und die jquery.getScript-Methode von JQuery.

Was ist das JSONP-Format? API-Originaltext: Wenn die erhaltene Datendatei auf einem Remote-Server gespeichert ist (mit unterschiedlichen Domänennamen, d. h. domänenübergreifende Datenerfassung), müssen Sie den JSONP-Typ verwenden. Durch die Verwendung dieses Typs wird ein Abfragezeichenfolgenparameter „callback=?“ erstellt, der an die angeforderte URL angehängt wird. Der Server sollte den Namen der Rückruffunktion vor den JSON-Daten hinzufügen, um eine gültige JSONP-Anfrage abzuschließen. Dies bedeutet, dass der Remote-Server die zurückgegebenen Daten verarbeiten und Rückrufdaten (JSON) gemäß den vom Client übermittelten Rückrufparametern zurückgeben muss. Der Client verwendet ein Skript, um die zurückgegebenen Daten zu verarbeiten und die JSON-Daten zu verarbeiten. JQuery.getJSON unterstützt auch den Aufruf der JSONP-Datenmethode.

Clientseitiges JQuery.ajax-Aufrufcodebeispiel:

Code kopieren Der Code lautet wie folgt:

$.ajax({ 
type : „get“, 
async:false, 
url: „http://www.xxx.com/ajax.do“, 
dataType: „jsonp“, 
jsonp: „callbackparam“ ,// Der vom Server verwendete Parameter, um den Funktionsnamen des Rückrufaufrufs zu empfangen
jsonpCallback: „success_jsonpCallback“, //Der Funktionsname des Rückrufs
success: function(json){ 
alert( json); 
alert( json[0].name); 
error:function(){ 
alert('fail'} 
}); 

Beispielcode für vom Server zurückgegebene Daten:

Code kopieren Der Code lautet wie folgt:

public void ProcessRequest (HttpContext context) {

context .Response.ContentType = "text/plain"; 
String callbackFunName = context.Request["callbackparam"]; 
context.Response.Write(callbackFunName "([ { name:"John"}] )") ; 
} 