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

Question

我正在尝试读取一个项目文件，该文件将由我（偶尔）更新，我的网站将在加载页面时动态读取它，我是否必须为此构建一个服务器，或者javascript可以处理它吗？如果是这样，您能否共享可以实现这一目标的代码。提前致谢!!!

Answer 1

问题似乎是如何：

1. 读取存储在网站本地目录上的纯文本文件

2. 使用文件的内容来修改网页的内容

这可以在服务器端使用JavaScript处理，但前提是服务器配置为运行JavaScript（如节点.js服务器）。

由于最初的问题是“我是否必须为此构建一个服务器”，因此这可能是像Apache这样的普通服务器。

大多数Apache服务器都配置为运行PHP代码，因此PHP可能是获取明文文件的最简单解决方案。

下面的代码会将服务器上明文文件的内容加载到JavaScript字符串中，然后可以使用JavaScript在浏览器中对其进行操作。

此代码将位于 HTML 文件中的一个元素中：<script>

function actUponProjectFile () {

  // read project file on server using PHP, and store into JavaScript

  // constant `projectFileString`

  const projectFileString = `<?php

    $pfText = file_get_contents('./my_project_file.txt');

    echo $pfText; ?>`;

  // insert code to act upon the `projectFileString` here

}

// run `actUponProjectFile()` after the window loads

window.onload = () => {

  actUponProjectFile();

}

Answer 2

将数据保存在 Javascript 文件中，并将其包含在 html 中

// data.js 

const data = [

  {

    type: 'airtime',

    price: 20,

    size: '5GB',

  },

  {

    type: 'electricity',

    price: 10,

    size: '40mw',

  },

];

然后将该文件包含在您的 html 文件中

<script type="text/javascript" src="data.js"></script>