Maison >interface Web >js tutoriel >Comment écrire ajax en jquery

Comment écrire ajax en jquery

(*-*)浩
(*-*)浩original
2019-05-21 15:32:0211888parcourir

Il existe trois façons d'écrire AJAX dans jQuery : $ajax, $post et $get. Parmi eux, $post et $get sont des méthodes d'écriture simples. Lorsque l'implémentation de haut niveau les appelle, elle exécutera le $ajax encapsulé de niveau inférieur.

Comment écrire ajax en jquery

Ecriture de $.ajax :

$.ajax({
	type: "POST",
	dataType: "json",
	url: "",
	data: ""
	success: function(data){
		
	},
	error: function(msg){
	
	}
});

Paramètres :

1. url :

doit être un paramètre de type String (la valeur par défaut est l'adresse de la page actuelle), l'adresse à laquelle la demande est envoyée.

2. type :

nécessite des paramètres de type String et la méthode de requête (post ou get) est par défaut get. Notez que 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.

3. dataType :

nécessite des paramètres de type String, le type de données qui devrait être renvoyé par le serveur. S'il n'est pas spécifié, JQuery renverra automatiquement ResponseXML ou ResponseText en fonction des informations MIME du package http et les transmettra en tant que paramètre de fonction de rappel. Les types disponibles sont les suivants :

  • 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 : renvoie le code JavaScript en texte brut. Les résultats ne sont pas automatiquement mis en cache. Sauf si les paramètres du cache sont définis. Notez que lors de requêtes à distance (pas sous le même domaine), toutes les requêtes de publication seront converties en requêtes get.

  • json : renvoie les données JSON.

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

  • text : renvoie une chaîne de texte brut.

données :

  • nécessite des paramètres de type Objet ou Chaîne, données envoyées au serveur.

  • S'il ne s'agit pas d'une chaîne, elle sera automatiquement convertie au format chaîne.

  • sera ajouté à l'URL dans la demande d'obtention. Pour empêcher cette conversion automatique, affichez l'option processData.

  • L'objet doit être au format clé/valeur, par exemple {foo1:"bar1",foo2:"bar2"} est converti en &foo1=bar1&foo2=bar2.

  • S'il s'agit d'un tableau, JQuery correspondra automatiquement au même nom pour différentes valeurs. Par exemple, {foo:["bar1","bar2"]} est converti en &foo=bar1&foo=bar2.

succès :

nécessite des paramètres de type Function La fonction de rappel appelée une fois la requête réussie a deux paramètres.
(1) Données renvoyées par le serveur et traitées selon le paramètre dataType.
(2), une chaîne décrivant le statut.

function(data, textStatus){
	//data可能是xmlDoc、jsonObj、html、text等等
	this;  //调用本次ajax请求时传递的options参数
}

erreur :

nécessite un paramètre de type Fonction, qui est la fonction à appeler lorsque la requête échoue. Cette fonction a trois paramètres, à savoir l'objet XMLHttpRequest, le message d'erreur et l'objet d'erreur capturé (facultatif). La fonction d'événement ajax est la suivante :

function(XMLHttpRequest, textStatus, errorThrown){
  //通常情况下textStatus和errorThrown只有其中一个包含信息
  this;   //调用本次ajax请求时传递的options参数
}

Articles connexes recommandés : tutoriel vidéo ajax

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!

Déclaration:
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