principes et exemples de requêtes inter-domaines ajax de jquery

principes et exemples de requêtes inter-domaines ajax de jquery_jquery

WBOY

Libérer： 2016-05-16 16:49:29

original

1081 Les gens l'ont consulté

Aujourd'hui, dans le projet, j'avais besoin de charger des données distantes et de rendre la page. Je n'ai réalisé le problème des requêtes inter-domaines ajax qu'au stade du développement. Je me souvenais vaguement que Jquery avait mentionné une solution pour les requêtes inter-domaines ajax. demande de domaine, j'ai donc immédiatement découvert l'API de Jquery pour la recherche et j'ai découvert que
JQuery propose deux types de solutions pour les requêtes inter-domaines Ajax, mais les deux ne prennent en charge que la méthode get. Il s'agit du format jquery.ajax jsonp et de la méthode jquery.getScript de JQuery.

Qu'est-ce que le format jsonp ? Texte original de l'API : Si le fichier de données obtenu est stocké sur un serveur distant (avec des noms de domaine différents, c'est-à-dire une acquisition de données inter-domaines), vous devez utiliser le type jsonp. L'utilisation de ce type crée un paramètre de chaîne de requête callback=? qui est ajouté à l'URL demandée. Le serveur doit ajouter le nom de la fonction de rappel avant les données JSON afin de compléter une requête JSONP valide. Cela signifie que le serveur distant doit traiter les données renvoyées et renvoyer des données de rappel (json) en fonction des paramètres de rappel soumis par le client, et le client utilisera un script pour traiter les données renvoyées afin de traiter les données json. JQuery.getJSON prend également en charge l'appel de méthode de données jsonp.

Exemple de code d'appel JQuery.ajax côté client :

Copier le code Le code est le suivant :

$.ajax({ 
tapez : "get", 
async:false, 
url : "http://www.xxx.com/ajax.do", 
dataType : "jsonp", 
jsonp: "callbackparam" ,// Le paramètre utilisé par le serveur pour recevoir le nom de la fonction de l'appel de rappel
jsonpCallback : "success_jsonpCallback", //Le nom de la fonction du rappel
succès : function(json){ 
alert( json); 
alerte( json[0].name); 
}, 
erreur:fonction(){ 
alerte('échec'); 
} 
}); 

Exemple de code pour les données renvoyées par le serveur :

Copier le code Le code est le suivant :

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