Maison > interface Web > js tutoriel > Il existe plusieurs méthodes de requête ajax

Il existe plusieurs méthodes de requête ajax

王林
Libérer: 2020-05-10 11:06:51
original
5111 Les gens l'ont consulté

Il existe plusieurs méthodes de requête ajax

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

$.ajax() n'a qu'un seul paramètre : paramètre clé/ Objet value, y compris les informations 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]);
}
}
});
Copier après la connexion

2. Charger 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 requête est réussie. la fonction peut être appelée quand. 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);
});
Copier après la connexion

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

La fonction de requête POST est également relativement simple et peut être appelée lorsque le la demande est réussie. Si vous devez exécuter une fonction lorsqu'une erreur se produit, utilisez la requête $.ajax.

Exemple :

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

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;
});
});
Copier après la connexion

Tutoriel recommandé :Tutoriel d'introduction à 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal