Maison  >  Article  >  interface Web  >  La méthode d'appel ajax peut-elle être implémentée via jquery ?

La méthode d'appel ajax peut-elle être implémentée via jquery ?

WBOY
WBOYoriginal
2022-09-07 17:52:281322parcourir

Les appels Ajax peuvent être implémentés via jquery. Méthode : 1. Utilisez la méthode load() pour implémenter la requête ajax, la syntaxe est "$(selector).load(url,...)" 2. Utilisez les méthodes post() et get(), correspondant à POST, GET, la syntaxe est "$post('url',{...}...)" ; 3. Utilisez la méthode Ajax() pour effectuer une requête ajax, la syntaxe est "$.ajax({name :valeur...}) ".

La méthode d'appel ajax peut-elle être implémentée via jquery ?

L'environnement d'exploitation de cet article : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

La méthode d'appel ajax peut-elle être implémentée via jquery ?

Utiliser du javascript natif pour développer ajax implique beaucoup de code répétitif. Bien sûr, vous pouvez également l'encapsuler dans un code réutilisable

  • Utilisez la méthode load() pour. implémentez la requête ajax

  • Utilisez la méthode post(), get()

  • Utilisez la méthode Ajax(), c'est la plus puissante.

1 Utilisez la méthode load() de jquery pour implémenter ajax. Méthode request

load() Charge les données du serveur et place les données renvoyées dans l'élément spécifié.

Le format est le suivant :

$('#mydiv').load('/myrequest/url/param')

"mydiv" voici la zone où le contenu doit être chargé/myrequest/url/param est l'URL du serveur que vous souhaitez requérir. Une fois le résultat obtenu, le contenu. renvoyé par le serveur sera affiché dans la zone mydiv Medium.

2. Utilisez les méthodes post() et get() de jquery

En fait, cela correspond à POST, GET,

dans la requête http. Le format de base est le suivant

$post('/myrequest/url/param',
{
text:"mytext",
other:"other_param"
},
// 调用服务端成功后的回调函数
function(){
alert('succeccd');
}
)

La méthode de fonctionnement de $get est similaire. Je n'en dirai pas plus

3 Utilisez la méthode Ajax() de jquery

C'est probablement la méthode de requête la plus courante dans. projets généraux, car il possède les fonctions les plus puissantes et peut répondre à divers besoins :

peut spécifier le type de retour : xml,

peut spécifier la fonction de rappel lorsque ces événements se produisent avant Envoi, erreur, succès, complet

peut. utilisez des paramètres pour spécifier le délai d'expiration de la requête ajax, comme le serveur ne répond pas, etc.

Le format de base est le suivant :

$.ajax({
async:false,//同步,异步
url:"/addjoke", //请求的服务端地址
data:{
content:mycontent,
title:joketitle,
d:Math.random()
},
type:"post",
dataType:"text",
success:function(data){
//成功之后的处理,返回的数据就是 data
}
error:function(){
alert('error'); //错误的处理
}
});

Tutoriels recommandés :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!

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