jquery a plusieurs méthodes de requête

Il existe quatre méthodes de requête dans jquery : 1. La requête « $.ajax() » renvoie l'objet spécifié, la syntaxe est « $.ajax({name:value,…}) » 2. Requête « HTTP GET » ; pour charger des informations, la syntaxe est "$.get(url, paramètres passés, fonction de rappel, type)" 3. Requête "HTTP POST" pour charger des informations, la syntaxe est "$.post(...)" ; . "HTTP GET" pour charger les données JSON, la syntaxe est "$.getJSON(...)".

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.4.1, ordinateur Dell G3.

méthode de requête jquery

Ajax est un nouveau terme proposé par Jesse James Garrett en 2005 pour décrire une « nouvelle » méthode utilisant un ensemble de technologies existantes, notamment : HTML ou XHTML, CSS, JavaScript, DOM, XML, XSLT et le plus important est XMLHttpRequest.

Grâce à la technologie Ajax, les applications Web peuvent présenter rapidement des mises à jour incrémentielles de l'interface utilisateur sans avoir besoin de recharger (actualiser) la page entière, ce qui permet au programme de répondre plus rapidement aux opérations de l'utilisateur. Dans la formation et l'apprentissage front-end, dans jQuery, il existe quatre méthodes de requête Ajax courantes :

1 $.ajax() renvoie l'objet XMLHttpRequest qu'il crée.

$.ajax() n'a qu'un seul paramètre : le paramètre clé/valeur de l'objet, y compris chaque information de configuration et de fonction de rappel.

Si vous spécifiez l'option dataType, vous devez vous assurer que le serveur renvoie les informations MIME correctes (telles que XML renvoie "text/xml").

Exemple :

Enregistrez les données sur le serveur et affichez les informations en cas de succès.

$.ajax({ type: "post", dataType: "html", url: '/Resources/GetList.ashx', data: dataurl, success: function (data) {if (data != "") { $("#pager").pager({ pagenumber: pagenumber,
pagecount: data.split("$")[1], buttonClickCallback: PageClick }); $("#anhtml").html(data.split("$")[0]); } } });

2. Chargez les informations via une requête HTTP GET à distance.

Par rapport au complexe $.ajax, la fonction de requête GET est plus simple et la fonction de rappel peut être appelée lorsque la requête réussit. Bien sûr, si vous devez exécuter une fonction lorsqu'une erreur se produit, veuillez utiliser $.ajax.

Exemple :

$.get("test.cgi", { name: "John",
time: "2pm" },function(data){ alert("Data Loaded: " + data); });

3. Chargez les informations via une requête HTTP POST à ​​distance.

La fonction de requête POST est également relativement simple et la fonction de rappel peut être appelée lorsque la requête réussit. Si vous devez exécuter une fonction en cas d'erreur, utilisez la requête $.ajax.

Exemple :

4. Chargez les données JSON via une requête HTTP GET.

Exemple :

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?
tags=cat&tagmode=any&format=json&jsoncallback=?",function(data){ $.each(data.items, function(i,item){ $("<img / alt="jquery a plusieurs méthodes de requête" >").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false; }); });

Recommandation de didacticiel vidéo : Tutoriel vidéo jQuery

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!