Introduction à 4 méthodes de requête courantes d'ajax dans jQuery

AJAX est une technologie d'échange de données avec le serveur. Cet article partagera avec vous quatre méthodes de requête ajax couramment utilisées. Les amis intéressés devraient y jeter un œil

AJAX est une technologie d'échange de données avec le serveur. server , vous pouvez mettre à jour une partie d’une page Web sans rien ajouter à 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 information de configuration et de 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;
});
});

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles connexes :

Comment utiliser Ajax natif pour traiter les chaînes JSON

Parlons des vues et de la compréhension de la soumission de formulaire Ajax

Ajax obtient des données par nom de ville

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!