时间戳

首页 > 解决方案 > 如何有效地将大型数据集从 HTML 页面中分离出来

html - 如何有效地将大型数据集从 HTML 页面中分离出来

问题描述

我正在尝试在静态网站上实现大型可搜索信息表，因此无法使用 SQL 或 PHP。我正在考虑使用数据表，并将 CSV 转换为 HTML。但是我觉得拥有近 3000 长的 HTML 表格不是最有效的方法吗？这样做的最佳方法是什么？谢谢。

标签： htmldata-structures

解决方案

有两个文件，一个 HTML 页面（即您的用户将使用的数据表）和一个 JSON 文件，您将在其中存储所有数据。

然后，使用fetch()将 JSON 文件中的数据检索到 HTML 页面中。

假设你想显示一个包含两个字段的数据表 - 名称和 DOB - 你的 JSON 看起来像这样：

{
  [
    ["John Doe", "5.4.1996"],
    ["Jane Doe", "5.4.2006"]
  ]
}

在 HTML 页面上：

let response = await fetch(url);

if (response.ok) { // if HTTP-status is 200-299
  // get the response body (the method explained below)
  let json = await response.json();
  // TODO: put the retrieved json into the datable
} else {
  alert("HTTP-Error: " + response.status);
}

推荐阅读