javascript - 将加载了 Ajax 的插件保存到缓存

Question

所以我使用这段代码来更改我网站的内容并为每个“页面”加载特定插件:

$.ajax({
  url: urlPath, 
  type: 'GET',
  success: loadContent //content and plugins are loaded through this
});

现在我注意到它不会从loadContent 缓存加载的插件，每次都一次又一次地下载它们，因此页面使用ajax 请求 比 简单的 http 请求(显然是在插件已经从第一次加载缓存之后)慢 0.5 到 1.5 秒。使用 cache: true/false 没有任何区别。

我读到这是无法完成的，因为 javascript 无法写入磁盘，但也许我仍然遗漏了一些东西，有一种方法可以缓存插件并避免在每次加载时浪费额外的时间吗？

Answer 1

您可以使用 localStorage 来替代缓存。每个网站都有权在用户磁盘上存储最多 5 MB 的数据。

所以用这个来保存数据:

//browser support localStorage
if((typeof(Storage) !== "undefined"){
    localStorage.setItem("mydataname", data);
}

并检索或下载新的:

//browser support localStorage
if((typeof(Storage) !== "undefined"){
    var data = localStorage.getItem("mydataname");
    if(data){ //data does exist in localStorage
        // Use data, no need to download a new version.
    }
    else{ // data doesn't exist, not saved yet or have been removed
        // download new version of data and save it using the above code.
    }
}
else{
    // browser doesn't support localStorage redownload data.
}

关于 localStorage 的更多信息 here .