加载页面时读取本地项目文件

Question

我正在尝试读取一个项目文件，该文件将由我（偶尔）更新，我的网站将在加载页面时动态读取它，我是否必须为此构建一个服务器，或者javascript可以处理它吗？

如果是这样，您能否共享可以实现这一目标的代码。

提前致谢!!!

Answer 1

问题似乎是如何：读取存储在网站本地目录上的纯文本文件使用文件的内容来修改网页的内容这可以在服务器端使用JavaScript处理，但前提是服务器配置为运行JavaScript（如节点.js服务器）。由于最初的问题是“我是否必须为此构建一个服务器”，因此这可能是像Apache这样的普通服务器。大多数Apache服务器都配置为运行PHP代码，因此PHP可能是获取明文文件的最简单解决方案。下面的代码会将服务器上明文文件的内容加载到JavaScript字符串中，然后可以使用JavaScript在浏览器中对其进行操作。此代码将位于 HTML 文件中的一个元素中：<script>function actUponProjectFile () {&nbsp; // read project file on server using PHP, and store into JavaScript&nbsp; // constant `projectFileString`&nbsp; const projectFileString = `<?php&nbsp; &nbsp; $pfText = file_get_contents('./my_project_file.txt');&nbsp; &nbsp; echo $pfText; ?>`;&nbsp; // insert code to act upon the `projectFileString` here}// run `actUponProjectFile()` after the window loadswindow.onload = () => {&nbsp; actUponProjectFile();}

Answer 2

将数据保存在 Javascript 文件中，并将其包含在 html 中// data.js&nbsp;const data = [&nbsp; {&nbsp; &nbsp; type: 'airtime',&nbsp; &nbsp; price: 20,&nbsp; &nbsp; size: '5GB',&nbsp; },&nbsp; {&nbsp; &nbsp; type: 'electricity',&nbsp; &nbsp; price: 10,&nbsp; &nbsp; size: '40mw',&nbsp; },];然后将该文件包含在您的 html 文件中<script type="text/javascript" src="data.js"></script>