13

我正在使用 JSON 文件来自动填充下拉列表。它绝不是巨大的（3000 行并且还在增长），但是刷新页面所花费的时间变得非常明显。

第一次加载页面时，会读取 JSON，这取决于用户选择的选项决定了 JSON 的哪个部分用于填充下拉列表。

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

谢谢。

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

4

6 回答 6

14

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

另一方面，您是否考虑过安德鲁指出的文件存储？我认为在这种情况下它结合起来$_SESSION真的可以帮助你。让我给你一个例子，它可以与你现有的 JSON 数据一起工作：

服务器端

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

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

注意：确保正确格式化您的 JSON 数据。请记住，所有字符串都必须用双引号引起来"。

在 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;
}

因此，让我们再深入研究一下上面的编码。简而言之，这就是我们正在做的事情：

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

这将为您节省解析 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（我认为）。但是，对于这些浏览器每个站点需要容纳多少，没有标准化的大小限制。

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

希望这可以帮助。

于 2013-07-12T13:04:27.600 回答
3

我使用浏览器的缓存来确保我的大量 JSON 在每个会话中只下载一次。我在 ASP.NET 中编程，但我确信 PHP 具有相同的机制：

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

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

通过?v=在其中添加，我确保每个 session 更新一次 JSON。

编辑

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

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

当您包含conversionData.js 时，conversionData 变量将在您页面的其余JavaScript 的范围内，这些JavaScript 会动态更新下拉菜单。

编辑 2

如果您正在提供静态文件，这篇博文有一个很好的模式，可以根据文件的日期修改属性进行缓存清除。即该文件仅在服务器上更改时才下载。

除了每个会话之外，我还没有找到一种通过数据库查找表创建的缓存清除 JSON 的好方法。这并不理想，因为数据库可能会在会话中更改。

于 2013-07-12T13:24:34.153 回答
1

一旦您将 JSON 数据解码为一个对象，您就可以保留该对象，它应该至少持续到页面重新加载。

如果您想在重新加载之间坚持，您可能需要查看 HTML5localStorage等。

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

于 2013-07-12T10:39:45.657 回答
0

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

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

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

于 2013-07-12T11:56:16.957 回答
0

这是一个简单的hack：

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

要验证该技巧是否有效 - 转到浏览器开发面板的“网络”选项卡，您将在那里看到“类型”列和“传输” - 而不是那里有 php 和实际大小，您会发现“html”和“（缓存）”

当您将“blah-blak.html”之类的参数传递给 php 文件并期望它不会被缓存时，这也很高兴知道。好吧，它将被缓存。

在 FireFox Quantum 57.0.1 (Mac 64bit) 上测试

附言

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

于 2017-12-20T02:13:12.440 回答
-1

在这里开箱即用：

但是，如果您的列表有 3000 行并且还在增长（如您所说），您是否可以确定其最大尺寸？

假设答案是 10,000（最多）个项目；那么你真的需要一个ajax调用吗？您可以通过页面直接传输数据

（当然，取决于您的架构，您可能会提出不同的解决方案）

于 2013-07-12T10:49:41.393 回答