在 Javascript 列表中从外部源加载字符串

Question

我正在寻找将字符串加载到Javascript 代码中的正确方法。

例如，如果我有大约 300 个这样的字符串：

 '<h1>Some text</h1>' 

我想从一些外部源加载 page.php 到 JS 脚本中。

我想避免将字符串列为变量var v1 = '<h1>Some text</h1>'; 或列表var lst = ["<h1>Some text</h1>", "<h1>Some text2</h1>"]; 包含在.js 中，而是从外部将字符串加载到数组中。

一种方法是使用MySQL 数据库，因为静态序列对于使用ID 将字符串值分配给特殊变量很重要。

但我不确定与数据库的连接是否是这种特殊情况的最佳、快速和软方式，当列表不太大时，需要静态序列，不动态更新并且必须在 .js 文档之外通过页面加载加载到数组中。

如果我的目标是从.js 中删除列表，我看不到从一个.js 加载到另一个.js 的意义。 Мaybe 我可以使用.xml，或者其他更合适的东西。

Answer 1

您可以通过将这些字符串放入 Json 文件中来做到这一点

您的 Json 文件 (myData.json)：

{
 "textOne": "Some text",
 "textTwo": "Some text",
 "textThree": "Some text",
}

您的 Javascript：

const messages= require('./myData.json');


const messageOne = messages.textOne;