Explication détaillée des étapes pour obtenir des données sur tous les domaines à l'aide de jQuery en utilisant ajax

Cette fois, je vais vous donner une explication détaillée des étapes à suivre pour que jQuery utilise ajax pour obtenir des données inter-domaines. Quelles sont les précautions pour que jQuery utilise ajax pour obtenir des données inter-domaines. Ce qui suit est un cas pratique, jetons un coup d'œil.

Un exemple simple de jQuery utilisant ajax pour obtenir des données sur plusieurs domaines

var webMethod = "http://localhost:54473/Service1.asmx/HelloWorld"; 
　　　　jQuery.support.cors = true;
　　　　//之前没有加这句老是提示no transport，我没去深想。
    $.ajax
    ({
      
      type: "POST",
      contentType: "application/x-www-form-urlencoded",
      dataType: "html",
      url: "http://www.*****.com", //这里是网址
      success:function(data){alert(data);},
      timeout:30000, 
      error: function (XMLHttpRequest, textStatus, errorThrown) {
      alert(errorThrown);
      }
    });

Paramètresoptions
Type : Objet

Facultatif. Paramètres de requête AJAX. Toutes les options sont facultatives.

async
Type : Booléen

Valeur par défaut : vrai. Par défaut, toutes les requêtes sont asynchrones. Si vous devez envoyer des requêtes synchrones, définissez cette option sur false.

Notez que les requêtes synchrones verrouillent le navigateur et que les autres opérations utilisateur doivent attendre que la requête soit terminée avant de pouvoir être exécutées.

beforeSend(XHR)
Type : Fonction

Une fonction qui peut modifier l'objet XMLHttpRequest avant d'envoyer la requête, par exemple en ajoutant des en-têtes HTTP personnalisés.

L'objet XMLHttpRequest est le seul paramètre.

C'est un événement de l'Ajax. Si false est renvoyé, cette requête ajax peut être annulée.

cache
Type : Booléen

Valeur par défaut : vrai, la valeur par défaut est fausse lorsque dataType est script et jsonp. Définissez sur false pour ne pas mettre cette page en cache.

Nouvelles fonctionnalités dans jQuery 1.2.

complete(XHR, TS)
Type : Fonction

Une fois la demande terminée Fonction de rappel (appelée après la réussite ou l'échec de la demande).

Paramètres : objet XMLHttpRequest et une chaîne décrivant le type de requête.

C'est un événement de l'Ajax.

contentType
Type : String

Valeur par défaut : "application/x-www-form-urlencoded". Type d'encodage du contenu lors de l'envoi d'informations au serveur.

La valeur par défaut convient à la plupart des situations. Si vous transmettez explicitement un type de contenu à $.ajax() alors il sera définitivement envoyé au serveur (même s'il n'y a aucune donnée à envoyer).

context
Type : Objet

Cet objet est utilisé pour définir le contexte des fonctions de rappel liées à Ajax. En d'autres termes, laissez ceci dans la fonction de rappel pointer vers cet objet (si ce paramètre n'est pas défini, alors cela pointera vers le paramètre options passé lors de l'appel de cette requête AJAX). Par exemple, spécifier un élément DOM comme paramètre de contexte définira le contexte de la fonction de rappel de réussite sur cet élément DOM.

Comme ceci :

$.ajax({ url: "test.html", context: document.body, success: function(){
    $(this).addClass("done");
   }});

données
Type : Chaîne

Données envoyées au serveur. Sera automatiquement converti au format de chaîne de demande. Ajouté à l'URL dans les requêtes GET. Consultez la description de l’option processData pour désactiver cette conversion automatique. Doit être au format Clé/Valeur. S'il s'agit d'un tableau, jQuery attribuera automatiquement le même nom à différentes valeurs. Par exemple, {foo:["bar1", "bar2"]} est converti en '&foo=bar1&foo=bar2'.

dataFilter
Type : Fonction

Une fonction pour prétraiter les données originales renvoyées par Ajax. Fournissez deux paramètres, data et type : data sont les données d'origine renvoyées par Ajax et type est le paramètre dataType fourni lors de l'appel de jQuery.ajax. La valeur renvoyée par la fonction sera ensuite traitée par jQuery.

dataType
Type : String

Le type de données qui devrait être renvoyé par le serveur. S'il n'est pas spécifié, jQuery effectuera automatiquement des jugements intelligents basés sur les informations MIME du package HTTP. Par exemple, le type XML MIME est reconnu comme XML. Dans la version 1.4, JSON générera un objet JavaScript et le script exécutera le script. Les données renvoyées par le serveur seront ensuite analysées en fonction de cette valeur et transmises à la fonction de rappel. Valeurs disponibles :

•"xml": Renvoie un document XML pouvant être traité avec jQuery.

•"html": Renvoie les informations HTML en texte brut ; la balise de script incluse sera exécutée une fois insérée dans le dom.

•"script": Renvoyer le code JavaScript en texte brut. Les résultats ne sont pas automatiquement mis en cache. Sauf si le paramètre "cache" est défini. Remarque : lors de requêtes distantes (pas sous le même domaine), toutes les requêtes POST seront converties en requêtes GET. (Parce que la balise de script DOM sera utilisée pour le chargement)

•"json": Renvoyer les données JSON.

•"jsonp":Format JSONP. Lors de l'appel d'une fonction à l'aide d'un formulaire JSONP, tel que "myurl?callback=?", jQuery remplacera automatiquement ? par le nom de fonction correct pour exécuter la fonction de rappel.

•"text": Renvoyer une chaîne de texte brut
erreur
Type : Fonction

Valeur par défaut : Jugement automatique (xml ou html). Cette fonction est appelée lorsque la requête échoue.

a les trois paramètres suivants : objet XMLHttpRequest, message d'erreur et (facultatif) objet d'exception capturé.

Si une erreur se produit, le message d'erreur (le deuxième paramètre) peut être "timeout", "error", "notmodified" et "parsererror" en plus de null.

C'est un événement de l'Ajax.

global
Type : Booléen

S'il faut déclencher l'événement AJAX global. Valeur par défaut : vrai. La définition sur false ne déclenchera pas d'événements AJAX globaux tels que ajaxStart ou ajaxStop qui peuvent être utilisés pour contrôler différents événements Ajax.

ifModified
Type : Booléen

Obtenez de nouvelles données uniquement lorsque les données du serveur changent. Valeur par défaut : faux. Utilisez les informations d’en-tête Last-Modified du paquet HTTP pour le déterminer. Depuis jQuery 1.4, il vérifie également le « etag » spécifié par le serveur pour s'assurer que les données n'ont pas été modifiées.

jsonp
Type : String

Réécrivez le nom de la fonction de rappel dans une requête jsonp. Cette valeur est utilisée pour remplacer la partie "callback" du paramètre URL dans une requête GET ou POST telle que {jsonp:'onJsonPLoad'} qui entraînera la transmission de "onJsonPLoad=?"

jsonpCallback
Type : String

Spécifiez un nom de fonction de rappel pour la requête jsonp. Cette valeur sera utilisée à la place du nom de fonction aléatoire généré automatiquement par jQuery. Ceci est principalement utilisé pour permettre à jQuery de générer des noms de fonctions uniques afin de faciliter la gestion des requêtes et de fournir des fonctions de rappel et de gestion des erreurs. Vous pouvez également spécifier ce nom de fonction de rappel lorsque vous souhaitez que le navigateur mette en cache les requêtes GET.

mot de passe
Type : Chaîne

Mot de passe utilisé pour répondre à la demande d'authentification d'accès HTTP

processData
Type : Booléen

Valeur par défaut : vrai. Par défaut, les données transmises via l'option data, s'il s'agit d'un objet (techniquement parlant, tant qu'il ne s'agit pas d'une chaîne), seront traitées et converties en chaîne de requête pour correspondre au type de contenu par défaut "application/x -www-form-urlencoded" ". Définissez sur false si vous souhaitez envoyer des informations sur l'arborescence DOM ou d'autres informations que vous ne souhaitez pas convertir.

scriptCharset
Type : String

Uniquement lorsque le dataType est "jsonp" ou "script" lorsqu'il est demandé, et que le type est "GET", il sera utilisé pour forcer la modification du jeu de caractères. Généralement utilisé uniquement lorsque les encodages de contenu local et distant sont différents.

succès
Type : Fonction

Fonction de rappel une fois la demande réussie.

Paramètre : Données renvoyées par le serveur et traitées selon le paramètre dataType ; une chaîne décrivant le statut.

C'est un événement de l'Ajax.

traditionnel
Type : Booléen

Défini sur true si vous souhaitez sérialiser les données de manière traditionnelle. Veuillez vous référer à la méthode jQuery.param dans la catégorie Outils.

timeout
Type : Nombre

Définissez le délai d'expiration de la demande (millisecondes). Ce paramètre remplace le paramètre global.

type
Type : String

Valeur par défaut : "GET"). Méthode de requête ("POST" ou "GET"), la valeur par défaut est "GET". Remarque : D'autres méthodes de requête HTTP telles que PUT et DELETE peuvent également être utilisées, mais ne sont prises en charge que par certains navigateurs.

url
Type : Chaîne

Valeur par défaut : Adresse de la page actuelle. L'adresse à laquelle envoyer la demande.

nom d'utilisateur
Type : Chaîne

Nom d'utilisateur utilisé pour répondre aux demandes d'authentification d'accès HTTP.

xhr
Type : Fonction

Doit renvoyer un objet XMLHttpRequest. La valeur par défaut est ActiveXObject sous IE et XMLHttpRequest sinon. Utilisé pour remplacer ou fournir un objet XMLHttpRequest amélioré. Ce paramètre n'était pas disponible avant jQuery 1.3.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Un résumé de 5 années d'expérience dans l'utilisation d'Ajax

Un résumé de trois méthodes pour obtenir un accès inter-domaines avec Ajax

Analyse détaillée des compétences d'utilisation d'Ajax en JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!