logo oujood
🔍

jQuery AJAX la  méthode ajaxSend() Attacher une fonction à exécuter avant l'envoi d'une requête Ajax.

OUJOOD.COM

Définition et Usage la  méthode ajaxSend()

jQuery cours tutorial

La méthode ajaxSend() spécifie une fonction à exécuter lorsque la requête AJAX  doit être envoyée.
Chaque fois qu'une requête Ajax est sur le point d'être envoyé, jQuery déclenche l'événement ajaxSend . Tous les gestionnaires d'événements qui ont été enregistrés avec la méthode .ajaxSend() sont exécutés à ce moment.

Syntaxe

$(sélecteur).ajaxSend(function(event,xhr,options))


Paramètre Description
function ( Event,xhr,options) Obligatoire. Spécifie la fonction pour exécuter si la demande réussit
Paramètres supplémentaires :
  • événement - contient l'objet event
  • xhr - contient l'objet XMLHttpRequest
  • options - contient les options utilisées dans la requête AJAX

Exemple : Afficher un message avant l'envoi d'une requête Ajax.


Code

📝  Copier le code 

<!DOCTYPE html> 
 <html lang="fr">
 <head>
      <meta charset="utf-8">
   <title>jQuery AJAX la méthode ajaxSend()</title>
<script src=" https://code.jquery.com/jquery-3.6.0.min.js "></script>
 <style> 
.msge{ color : #f00;margin:10px;} 
  </style> 
  <script> 
  $(document).ready(function(){ 
  $(document).ajaxSend(function() { 
   $('.msge').text("Le téléchargement est en cours."); 
}); 
$('.tele').click(function() { 
  $('.resultat').load('test1.txt'); 
}); 
}); 
</script> 
</head> 
<body> 
<div id="div_content">
	<h1 style="color:green">www.oujood.com</h1>
	
	<h2>jQuery la méthode ajaxError()</h2>
	<h3>Laiser ajax faire le travail</h3>
 
<button class="tele"> Télécharger </button> 
<br>
<div class="msge"></div><br>
<div class="resultat"></div> 
</body>
  </html>
     jQuery Liste des méthodes AJAX     
Par gerywa 25 juillet 2014