如何使用 jquery 将 ajax 响应存储在浏览器缓存中

Question

我正在尝试将 ajax 响应存储在浏览器缓存中。我知道只为（example.com）之类的url存储它，但想存储具有url之类的数据（example.com?xyz=abc%20efg&mno=hjk）。

我的代码：

beforeSend: function () {
                var addC=url;          // I want to add data also with this url
                console.log(addC);
                if (localCache.exist(addC)) {
                    printRes(localCache.get(url));
                    console.log("cached values");
                    return false;
                }
                return true;
            },

和

var localCache = {
    data: {},
    remove: function (url) {
        delete localCache.data[url];
    },
    exist: function (url) {
        return localCache.data.hasOwnProperty(url) && localCache.data[url] !== null;
    },
    get: function (url) {
        console.log('Getting in cache for url' + url);
        return localCache.data[url];
    },
    set: function (url, cachedData, callback) {
        localCache.remove(url);
        localCache.data[url] = cachedData;
        if ($.isFunction(callback)) callback(cachedData);
    }
};

请任何人帮我解决这个问题。

Answer 1

通过阅读来自的docs MDN 我认为你做错了。如果你想缓存ajax响应CACHE属性到true 在您的 ajax 调用中，还要确保您从服务器提供了正确的缓存过期标头。 还 [来自 MDN]

永远不要使用传统的 GET 参数（如 other-cached- page.html?parameterName=value）。这将使浏览器绕过缓存并尝试获取 它来自网络。要链接到具有在 JavaScript 中解析的参数的缓存资源，请使用 链接哈希部分的参数，例如 other-cached-page.html#whatever?parameterName=value。

如果你正在寻找本地存储[键值存储]

globalStorage['cache_1'].setItem("key",data);