Question

我正在使用JSON文件自动填充下拉列表。它绝不是大规模的（3000行和不断增长），但刷新页面的时间变得非常明显。

第一次加载页面时，将读取JSON，具体取决于用户选择的选项，指示使用哪个JSON部分填充下拉列表。

然后在每次刷新或菜单选择后加载。是否有可能以某种方式缓存值以防止需要一次又一次地重新加载它？

感谢。

编辑：更多信息：它本质上是一个单位转换器。 JSON包含所有细节。例如，当用户选择“Temp”时，进行呼叫并填充列表。转换完成后，您可以花一整天时间运行临时转换，但它们会很好，但每次用户更改转换类型时，现在长度，页面都会刷新并占用相当长的时间。

Answer 1

不幸的是，我不知道PHP中的标准化全局缓存机制。 This文章称，Optimizer Plus是第三方加速器，从5.5版开始包含在核心PHP中。不确定你使用的是什么版本，但你可以试试。

另外，您是否将文件存储视为 andrew 指出？在这种情况下，我认为它与$_SESSION相结合可以真正帮助你。让我举一个可以使用现有JSON数据的示例：

服务器端

将您的JSON数据存储在PHP服务器上的.json文件中：

{
    "data": "some data",
    "data2": "more data",
    "data3": [
        ...
     ],
     etc.
}

注意：确保正确格式化JSON数据。请记住，所有字符串都必须包含在 double 引号"中。

在PHP中，使用if语句来决定适当的操作：

error_reporting(E_ALL);
ini_set("display_errors", "On");
session_start();

if(isset($_SESSION['dataCache'])) {
    echo json_encode($_SESSION['dataCache']);
} else {
    $file = 'data.json';
    if (!is_file($file) || !is_readable($file)) {
        die("File not accessible.");
    }
    $contents = file_get_contents($file);
    $_SESSION['dataCache'] = json_decode($contents, true);
    echo $contents;
}

因此，让我们深入研究上面的编码。所以这就是我们正在做的事情：

启用错误报告并启动会话支持。
检查我们是否已阅读此用户的文件。
如果是这样，请从存储中提取值并将其回显并退出。如果没有继续下面。
保存文件名并进行一些错误检查，以确保PHP可以查找，打开和读取文件内容。
阅读文件内容。
将解码后的json（由于传递给`json_decode`的`true`参数而不是数组）保存到`$ _SESSION`变量中。
将内容回显到屏幕上。

这将节省您解析JSON数据和/或在服务器上手动构建它的时间和麻烦。它将被缓存给用户session，以便他们可以直接使用它。

客户端

我假设你使用ajax来获取信息？如果不能纠正我，但我认为这是你的一些JavaScript发挥作用的地方。如果是这样，你可以考虑这个：

从服务器返回时，将返回的数据存储在用户浏览器上的sessionStorage中：

$.ajax({
    ...
    success: function (res) {
        localStorage.setItem("dataCache", JSON.stringify(res));
    },
    ...
});

或者如果您使用承诺对象：

$.ajax({
    ...
}).done(function (res) {
    localStorage.setItem("dataCache", JSON.stringify(res));
});

当您需要阅读它时，您可以进行简单的测试：

var data;
// This returns null if the item is not in local storage.
// Since JavaScript is truthy falsy, it will be evaluated as false.

if(localStorage.getItem("dataCache")) {
    data = JSON.parse(localStorage.getItem("dataCache"));
} else {
    // Make ajax call, fetch object and store in localStorage in the success or done callbacks as described above
}

备注：

localStorage是HTML5中的一项新功能，因此尚未完全支持所有浏览器。然而，大多数主要的确实如此，甚至可以追溯到IE8（我认为）。但是，对于每个站点需要保留多少浏览器，没有标准化的大小限制。

考虑到这一点很重要。我可以保证你可能无法在localStorage中存储整个30,000行字符串。但是，您可以将此作为开始。结合服务器端解决方案，您应该会看到性能提升。

希望这有帮助。

Answer 2

我使用browser's cache来确保每个会话只下载一大块JSON。我在ASP.NET中编程，但我确信PHP具有相同的机制：

在会话开始时，我生成一个随机字符串作为动态JavaScripts的会话密钥。此密钥存储在密钥JsonSessionID下的ASP.NET session state中。这样我就可以在我的页面标记中引用它。
我有一个“通用http处理程序”(an ashx file)，当浏览器调用它时，会返回一个包含我的JSON的.js文件。
在我的HTML中，我包含了动态脚本： <script type="text/javascript" src="/dynamicJSON.ashx?v=<%= JsonSessionID %>"></script>

浏览器将自动缓存作为脚本包含的所有URL。下次要求浏览器从URL加载缓存脚本时，它只会从本地磁盘加载该文件。这包括这样的动态页面。

通过在其中添加?v=，我ensure that the JSON is updated once per session。

修改

我刚刚意识到你的JSON可能是静态的。如果是这种情况，您可以将您的JSON放入HTML中包含的静态.js文件中，浏览器将对其进行缓存。

// conversionData.js
var conversionData = { "a":1,"b":2,"c":3 };

当您包含conversionData.js时，conversionData变量将在您的页面的其余部分的JavaScript范围内，动态更新下拉列表。

编辑2

如果您正在提供静态文件，则此blog post具有基于文件的日期修改属性的缓存清除的良好模式。即只有在服务器上更改文件时才会下载文件。

我还没有找到一种通过数据库查找表创建的缓存清除JSON的好方法，而不是每个会话。这是不理想的，因为数据库可能会在会话期间发生变化。

Answer 3

一旦你将JSON数据解码成一个对象就可以保留对象，它应该一直存在，直到页面重新加载为止。

如果您想在重新加载之间保留，则可能需要查看HTML5的localStorage等。

您需要提出一个年龄策略，也许只是将当前日期转储到那里，以便您可以比较它并根据需要过期。

Answer 4

我建议将json数据存储到会话中。在第一页加载时，您可以编写脚本来获取json数据，然后将它们存储到会话中。在每个页面加载/刷新之后，您可以检查我们的会话以决定做什么 - 使用会话数据或再次获取您的json数据。

这种方法适用于小规模数据（例如：一系列产品 - 颜色 - 尺寸 - 价格）。

根据您的数据，您应该测试加载时间。

Answer 5

这是一个简单的黑客攻击：

使用参数“bla-bla.html”创建对php文件的调用作为GET请求或者“bla-bla.css”...嗯，你知道，它让浏览器认为它不是一个PHP，而是“html”或“css”。浏览器会缓存它。

要验证技巧是否有效 - 转到浏览器开发面板的“网络”选项卡，您将看到“类型”列以及“已转移” - 而不是拥有PHP和实际大小，您会发现“html”和“（缓存）”

当你将像“blah-blak.html”这样的参数传递给php文件并期望它不会被缓存时，这也很好。好吧，它会被缓存。

在FireFox Quantum 57.0.1（Mac 64bit）上测试

P.S。

Mac上的Chrome 63能够在这种情况下识别真实文件类型。所以它不能被愚弄。

Answer 6

在这里开箱即用：

但如果您的列表有3000行并且正在增长（如您所说）你有可能确定它的最大尺寸吗？

让我们说答案是10,000（最多）项目;那你真的需要一个ajax电话吗？您可以使用页面直接传输数据

（当然，取决于你的架构，你可以提出不同的解决方案）

可以缓存JSON以增加性能/加载时间吗？

6 个答案:

修改

编辑2