Maison > interface Web > js tutoriel > le corps du texte

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

WBOY
Libérer: 2016-05-16 16:49:29
original
1061 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"}] )") ;
}
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal