javascript - 将 JSON 对象数据打印到 HTML

Question

我正在尝试编写一个 html 代码来显示我的软件产品的当前版本（类似于"v1.0.0"），并打印来自 JSON 文件的数据。

在我的服务器中有一个 JSON 文件存储我的软件产品版本数据，如下所示（假设位置是https://testsite.com/myproductversion.json）：

{
  "Name": "MyProduct",
  "MajorVersion": "1",
  "MinorVersion" : "0",
  "MaintenanceVersion" : "0"
}

可能吗？任何帮助，将不胜感激。

标签： javascripthtmljqueryjsonobject

Answer 1

fetch('/myproductversion.json').then(res => res.json())
.then(({ MajorVersion, MinorVersion, MaintenanceVersion }) => {
  let version = `v${MajorVersion}.${MinorVersion}.${MaintenanceVersion}`;
  $('.my-version-goes-here').html(version);
}).catch(console.error);

只需使用 fetch 来请求数据。