如何在JavaScript或html中实现与Google Chrome浏览器的“空缓存和硬重载”？

Question

我正在创建一个显示JSON文件中的文本的网站。它还允许用户添加文本，删除文本和更新现有文本。我进行了设置，以便当用户按下按钮（添加btn，删除btn，更新btn）时，所做的更改将写入JSON文件，并且页面会刷新。页面刷新时，它会读取JSON文件（我已经确认是新版本），但是不会显示新数据。我已经深入检查过，在重新加载页面之前已修改了JSON文件。if (request.readyState === 4 && request.status === 200) {   let myJson = JSON.parse(request.responseText)   /*do something*/ }此时：尽管JSON文件已被修改，但仍在读取旧文件。当我执行空缓存和硬重装时，将读取新的JSON文件。我已经尝试过使用JavaScript：location.reload(true)在HTML中，以下各项的组合：    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>    <meta http-equiv="Cache-control" content="no-cache"/>    <meta http-equiv="cache-control" content="no-store" />    <meta http-equiv="Pragma" content="no-cache" />    <meta http-equiv="Expires" content="0" />    <meta http-equiv="Expires" content="-1">这些都没有奏效。

Answer 1

我希望您不要将值保存在db中。只需将所有更新值保存在myJson中

为了解决您的问题，只需将数据保存到本地存储中即可，而不是将变量保存到本地存储中

localStorage.setItem("myJson",JSON.parse(request.responseText));

如果每次添加，更新，删除，修改本地存储，以便本地存储具有新的更新数据

在页面加载时检查本地存储是否有值，如果有值则不向服务器发送请求，只需从本地存储（如波纹管）读取请求

var myJson= localStorage.getItem("myJson",JSON.parse(request.responseText));

Answer 2

如果可能的话，您可以在正在执行的任何文件或请求的末尾添加查询字符串。

如果您需要像这样的网址$.get('myapi/getfile');，请尝试在处添加当前日期/时间，然后像这样结束：

$.get('myapi/getfile?cachebreaker=' + Date.now());

这样会产生一个URL，例如myapi/getfile?cachebreaker=1553709710447浏览器会将其解释为新请求，而不使用缓存