Comment mettre en cache le contenu AJAX après le passage de la souris

Question

J'ai un menu primaire comme celui-ci :

CARS  MOTORCYCLES  TRUCKS   BUSES

Chacun de ces éléments a son propre sous-menu contenant la liste des fabricants de l'élément spécifique. Cette liste peut compter une quarantaine d'éléments et je voudrais l'appeler après un survol/clic sur l'élément principal du menu. Cette partie est parfaite, il n'y a pas de problème.

Ce que je voudrais savoir, c'est comment mettre en cache les pages/parties qui contiennent la liste des fabricants. J'aimerais appeler et charger le sous-menu uniquement la première fois et le reste du temps l'appeler à partir du cache pour éviter tout transfert de données inutile.

Gracias

Answer 1

L'API Ajax fournit une mise en cache par défaut, pour l'activer, ajoutez l'attribut cache param, défini comme true . Par exemple :

$.ajax({cache:true, url:'http://xyx.com', success: function(res){}});

Veuillez consulter le API Ajax jQuery .

Answer 2

Les en-têtes de mise en cache pertinents sont-ils définis sur la réponse AJAX par le serveur, par exemple via Expires : ou Cache-Control: ?