Maison  >  Article  >  interface Web  >  Quelles sont les méthodes de requête d’ajax dans jQuery ?

Quelles sont les méthodes de requête d’ajax dans jQuery ?

php中世界最好的语言
php中世界最好的语言original
2018-04-03 11:34:131950parcourir

Cette fois, je vais vous expliquer quelles sont les méthodes de requête d'ajax dans jQuery, et quelles sont les précautions lors de l'utilisation d'ajax dans jQuery. Ce qui suit est un cas pratique, jetons un coup d'oeil.

AJAX est une technologie d'échange de données avec le serveur, qui permet de mettre à jour une partie d'une page web tout en complétant la page entière.

Quatre méthodes de requête courantes d'ajax dans jQuery :

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

$.ajax() n'a qu'un seul paramètre : le paramètre clé/valeur de l'objet, comprenant chaque configuration et les informations fonction de rappel. Voir les options de paramètres détaillées ci-dessous.

Si vous spécifiez l'option dataType, assurez-vous que le serveur renvoie les informations MIME correctes (par exemple, 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.

Il s'agit d'une simple fonction de requête GET pour remplacer le complexe $.ajax. La fonction de rappel peut être appelée lorsque la demande aboutit. Si vous devez exécuter une fonction en cas d'erreur, utilisez $.ajax.

Exemple :

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

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

Il s'agit d'une simple fonction de requête POST pour remplacer le complexe $.ajax. La fonction de rappel peut être appelée lorsque la demande aboutit. Si vous devez exécuter une fonction en cas d'erreur, utilisez $.ajax.

Exemple :

$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功!");
}
})

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/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

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 php. Site chinois !

Lecture recommandée :

Ajax pour obtenir les données API des prévisions météorologiques nationales

Stockage interactif des données Ajax et JSON

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