Notes d'étude jQuery - Opération Ajax (3) - Process Processing

Fonction d'observation

Les fonctions ajaxStart et ajaxStop peuvent être utilisées comme fonctions d'observation, et nous pouvons utiliser la fonction de rappel de la fonction d'observation pour effectuer le traitement correspondant.

La fonction de rappel d'ajaxStart est déclenchée lorsque la requête Ajax démarre et qu'aucune autre transmission n'a été effectuée.
Lorsque la dernière requête active se termine, la fonction de rappel enregistrée via ajaxStop est exécutée.
Puisque la fonction d'observation est globale, elle doit être appelée en utilisant $(document). Nous testons les deux fonctions en utilisant la méthode Ajax pour obtenir un exemple d'image :
La page actuelle est :

<div></div>
<button>load</button>

Copier après la connexion

Le contenu de test.html dans le même répertoire est :

<img src="avatar.jpg" />

Copier après la connexion

Vous souhaitez charger une image après avoir cliqué sur le bouton :

 $('button').click(function() {
  $('div').load('test.html');
 });

Copier après la connexion

À ce stade, nous pouvons utiliser les fonctions ajaxStart et ajaxStop pour ajouter des invites :

 $(document).ajaxStart(function() {//
  alert('load a picture');
 }).ajaxStop(function() {
  alert('show a picture');
 });
 $('button').click(function() {
  $('div').load('test.html');
 });

Copier après la connexion

Après avoir cliqué sur le bouton à ce moment-là, il vous demandera de charger une image avant que l'image ne soit chargée et d'afficher une image après le chargement.

Gestion des erreurs

La méthode la plus couramment utilisée est la méthode globale ajaxError. Prenons l'exemple ci-dessus comme exemple Si nous envoyons une demande de données à une page qui n'existe pas :

 $(document).ajaxError(function() {//
  alert('load failed!');
 });
 $('button').click(function() {
  $('div').load('noexsited.html');
 });

Copier après la connexion

Après avoir cliqué sur le bouton à ce moment :

Pour les méthodes sans chargement, vous pouvez également utiliser la méthode fail pour le traitement de concaténation :

 $('button').click(function() {
  $.get('noexsited.html', function(data) {

  }).fail(function(jqXHR) {
   alert('status is ' + jqXHR.status);
  });
 });

Copier après la connexion