Question

我正在尝试将ajax响应存储在浏览器缓存中。我知道只为url存储它（example.com），但是想要存储具有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参数访问缓存的文件（比如其他缓存的 - page.html中？参数名称=值）。这将使浏览器绕过缓存并尝试获取它来自网络。链接到在JavaScript中使用已解析参数的缓存资源链接的哈希部分中的参数，例如other-cached-page.html＃whatever？parameterName = value。

如果您正在寻找本地存储[密钥值存储]

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

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

1 个答案: