Introduction à l'utilisation de la méthode beforeSend de jquery.ajax

Un effet courant est que lors d'une requête ajax, une petite icône de chargement rotative ou "Chargement de contenu..." apparaîtra avant le retour, pour informer l'utilisateur que des données sont demandées. Ceci peut être réalisé en utilisant la méthode beforeSend.

Télécharger la démo : chargement ajax

Le code est le suivant :

Copier le code Le code est le suivant :

fonction test_ajax(){
$.ajax(
{
Tapez : "GET", // Habituellement, deux types sont utilisés : GET et POST. La valeur par défaut est : GET
URL : "a.php", // (Par défaut : adresse de la page actuelle) L'adresse à laquelle envoyer la demande
DataType : "html", //Le type de données qui devrait être renvoyé par le serveur.
beforeSend:beforeSend, //Envoyer la demande
Succès : rappel, //Demande réussie
erreur : erreur, // erreur de demande
complete:complete//Demande terminée
});
>
erreur de fonction (XMLHttpRequest, textStatus, errorThrown){
// Habituellement, un seul parmi textStatus et errorThown a une valeur
$("#showResult").append("

Erreur de demande !

");
>
fonction avantEnvoi(XMLHttpRequest){
$("#showResult").append("

");
>
fonction terminée (XMLHttpRequest, textStatus){
$("#showResult").remove();
>
rappel de fonction (msg){
$("#showResult").append("

Demande réussie, numéro renvoyé :" msg "

");
>

La méthode beforeSend est utilisée pour ajouter quelques fonctions de traitement avant d'envoyer la requête au serveur. Il s'agit d'un événement ajax, qui est déclenché avant le démarrage de la requête ajax. Il permet généralement aux utilisateurs de modifier l'objet XMLHttpRequest (par exemple, en définissant des informations d'en-tête supplémentaires. Pour une explication de l'événement ajax, veuillez vous référer à la documentation : ). http://docs.jquery.com/Ajax_Events

Nous avons également vu une situation dans laquelle de nombreux sites Web émettent une invite « Chargement des données, veuillez patienter » pendant le processus de chargement du contenu et affichent le contenu une fois le contenu chargé. Vous pouvez définir le texte par défaut à afficher comme invite de chargement. Lorsque le contenu est chargé, nous pouvons remplacer le texte de la balise par le contenu final via le sélecteur d'ID. Utilisez-le pour remplacer beforeSend, ce qui est plus efficace.

Quand utiliser beforeSend et quand utiliser le remplacement de texte dépend de la cohérence des éléments DOM que vous affichez avant et après la requête ajax. Si les éléments DOM que vous affichez existent déjà avant la requête, utilisez la méthode de remplacement de texte ci-dessus pour. gérez-le. Ce sera mieux. Si vous devez ajouter d'autres exigences en plus, utilisez beforeSend pour le gérer.

Étiquettes associées：

ajax jquery

source：php.cn

Article précédent：Discussion sur les idées de programmation du cadre de classe MVW pour une connaissance introductive d'AngularJS_AngularJS Article suivant：Exemples pour expliquer la différence entre this et $(this) dans JQuery_jquery

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

Derniers articles par auteur