Maison >interface Web >Questions et réponses frontales >Quelles sont les différentes méthodes de requête ajax ?

Quelles sont les différentes méthodes de requête ajax ?

青灯夜游
青灯夜游original
2021-12-09 16:51:4911304parcourir

Méthode de requête ajax : 1. Utilisez "$.ajax()" pour renvoyer l'objet XMLHttpRequest qu'il a créé ; 2. Chargez les informations via une requête HTTP GET distante ; 3. Chargez les informations via une requête HTTP POST distante ; charge les données JSON.

Quelles sont les différentes méthodes de requête ajax ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

Dans jQuery, il existe 4 méthodes de requête AJAX courantes :

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

 $.ajax() Un seul paramètre : paramètre. Objet clé/valeur, comprenant chaque information de configuration et de fonction de rappel.  $.ajax() 只有一个参数:参数key/value对象,包含各配置及回调函数信息。

 如果你指定了dataType选项,那么需要保证服务器返回正确的MIME信息,(如 xml 返回 "text/xml")。

 实例:

 保存数据到服务器,成功时显示信息。 

$.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、通过远程 HTTP GET 请求载入信息

 相比于复杂的$.ajax而言,GET请求功能则显得更加简单,请求成功时可调用回调函数。当然如果需要在出错时执行函数,那么还请使用$.ajax

 实例:

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

3、通过远程 HTTP POST 请求载入信息

 POST请求功能也相对比较简单,请求成功时可调用回调函数。如果需要在出错时执行函数,那么请使用$.ajax

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

2. Charger des informations via une requête HTTP GET à distance

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

 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;
});
});
🎜🎜3. Charger des 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 lorsqu'une erreur se produit, utilisez la requête $.ajax. 🎜🎜 Exemple : 🎜rrreee🎜🎜4. Chargez des données JSON via une requête HTTP GET🎜🎜🎜Exemple : 🎜rrreee🎜【Tutoriels associés 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