为什么我的网页中没有显示 JSON 更新？答案

【问题标题】：Why JSON updates are not showing in my webpage?为什么我的网页中没有显示 JSON 更新？
【发布时间】：2020-07-27 04:18:41
【问题描述】：

我有一个 JSON 文件。它第一次成功运行。但是当我更新我的 json 文件中的某些内容时，该更新不会显示在我的网页中。只显示旧数据。我尝试刷新页面几次，但它不起作用。我正在为我的代码使用 xampp 本地服务器和 ajax 来调用 json 数据。

请帮忙。

我的 JSON 文件

[
 {
  "name": "Aseem",
  "age":29,
  "salary":50000
 },
 {
  "name": "John",
  "age":23,
  "salary":53000
 },
 {
  "name": "Erica",
  "age":25,
  "salary":52000
 }
]

【问题讨论】：

如何加载文件？
在你的服务器中设置这个文件的缓存头从不缓存

标签： javascript html css json ajax

【解决方案1】：

通常某些内容不刷新，这可能是缓存的结果。 Web 浏览器缓存通过网络加载的内容，以减少未来加载时间和加载这些资源所需的数据。

您可以自行测试，方法是在浏览器中打开开发者工具（Ctrl+Shift+I 在 Google Chrome 中），转到“网络”标签（或类似标签）并查找一个复选框说“禁用缓存”。现在，如果您刷新页面，您应该能够看到更新的版本。

如果您想以编程方式解决此问题，一种简单的方法是将查询添加到 URL 的末尾。由于这在技术上是一个新的 URL，浏览器将重新请求资源，但该查询将被网络服务器忽略，因此没有副作用。下面是一个例子：

let noCache = Date.now().toString(16);
url = `${url}?noCache=${noCache}`;

// Make request with URL

【讨论】：

我这样做了，但 json 仍然不会加载到我的 web 应用程序上。我在服务器和所有东西上都有它......我有另一台服务器加载它，但只是在一天左右之后......

【解决方案2】：

检查 2 点

1、ajax数据是新的吗？ 2. 清除您的浏览器缓存并重试。

【讨论】：