如何有效地将大型数据集与HTML页面分离

Question

我正试图在静态网站上实现一个大型的可搜索信息表，因此使用SQL或PHP是不可能的。我正在考虑使用Datatables，并将CSV转换为HTML。然而，我觉得拥有一个将近3000长的HTML表不是最有效的方法吗？做这件事最好的方法是什么？谢谢

Answer 1

有两个文件，一个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);
}