Comment mettre en cache le résultat de $ post-request dans jQuery?

Question

J'ai un petit script jQuery qui obtient des informations en regardant un ID.

Quel est le meilleur moyen d'empêcher que les mêmes données soient demandées plus d'une fois (par exemple, quelles sont les meilleures pratiques pour la mise en cache dans jQuery)?

J'ai essayé d'utiliser $.post et $.ajax avec l'option "cache" définie sur true, mais la demande est envoyée plus d'une fois. Est-il préférable de sauvegarder les données collectées et d'utiliser des ensembles pour voir si vous devrez le demander ou non?

Toutes les idées et suggestions sont les bienvenues!

Si cela est important, j'utilise ASP.Net MVC côté serveur.

Answer 1

L'option cache que vous avez vue dans la documentation fait référence au cache du navigateur.

Vous pouvez mettre en œuvre un modèle de auto-mémorisation fonctions à bien des égards, l'objectif est que le résultat de la fonction de l'argument déterminé (id dans votre cas) n'est calculée une fois.

Puisque vous utilisez une requête Ajax, je vous suggère d'utiliser un argument de rappel aussi, par exemple:

var getInfo = (function() { 
    var cache = {}; // results will be cached in this object 

    return function (id, callback) { 
    if (cache[id] != null) { // if exist on cache 
     callback(cache[id]); 
     return; 
    } 
    // doesn't exists on cache, make Ajax request and cache it 
    $.post("info.url", { "id": id }, function (data) { 
     cache[id] = data; // store the returned data 
     callback(data); 
    }); 
    }; 
})(); 

Exemple d'utilisation:

getInfo(5, function (data) { 
    alert(data); 
});