Javascript 在html中存储动态内容数据的最佳实践是什么？

基本上，我正在创建一个简单的宣传册网站，可以使用Javascript动态更改内容。每次单击按钮时，它都会调用.js文件中的一个函数，将其插入html。为此，我将这些数据放入.js文件中的一个变量中。问题是我发现数据太大，并且使.js文件混乱不堪

#内容1和内容2之间的更改

//在我的例子中，有两个以上的内容
//每个内容也有其他内容
//问题是把这些数据放在哪里
设contentOne=[
“大量文本数据”，
“大量文本数据”，
“大量文本数据”
]
#其他代码

现在，我设法将它们分离到另一个.js文件中。但我只是想知道，有没有更干净的方法来存储和访问这些数据？喜欢用YAML吗？你通常是怎么做的

---

对于动态网站，我意识到它通常存储在数据库中，但是对于静态网站，它是如何存储的呢。然后在HTML文件中，您有一个函数，该函数执行一个获取请求，以从服务器获取JSON文件

这意味着您在开发时需要一个Web服务器。你可以用一个轻的，像这样的

然后，您的代码执行如下操作：

function hydrateData() {
  return fetch('data.json').then(response => response.json());
}

hydrateData().then(data => {

// the rest of your code that needs the data goes in here

})

---

您可以使用本地存储或indexeddb来存储数据。您可以将数据存储在JSON文件中，并使用jquery.getJson（）读取数据。最好的方法可能是将其存储在不同的文件中，然后使用AJAX惰性地加载和解析它。。。但这确实是一个基于观点的问题，不适合这样做。