从javascript中的文本文件中读取数据答案

【问题标题】：Read data from text file in javascript从javascript中的文本文件中读取数据
【发布时间】：2019-04-14 00:22:42
【问题描述】：

我正在尝试制作一个复杂的网站，我想将其拆分为多个文件，其中一个是内容本身，为此我想创建一个函数来更改文件中的 div 内容。

整个代码：

<html>
    <body onLoad = "uploadData();">
        <div id = "text"> </div>
    </body>
    <script>
    function uploadData()
    {
        var file = new File("data");
        file.open("r");
        var data = "";
        while (!file.eof) {
            data += file.readln() + "\n";
        }
        file.close();
        alert(data);
        document.getElementById('text').innerHTML = data;
    }
    </script>
</html>

代码在第 7 行有错误。请帮帮我！！！

【问题讨论】：

阅读如何使用 ajax
developer.mozilla.org/en-US/docs/Web/API/File/…

标签： javascript string file

【解决方案1】：

对于security reasons（脚本为sandboxed），您无法在现代浏览器中以这种方式读取文件。

也许您从非常古老且非标准的 Javascript 参考资料中获取这些函数，例如 JavaScript Programmer's Reference（Cliff Wootton，2001 年）或 Pure JavaScript （Charlton Ting、Jason Gilliam、Allen R. Wyke，1999 年）。这些都是非常古老的手册，处理过时的浏览器版本（Internet Explorer 4...）。

您还可以在 JS 引擎（如 Adobe InDesign、NodeJS 或 ShellJS，不是浏览器引擎）提供的 API 中找到这些函数或类似集合。使用 JS 引擎并不意味着您会找到与另一个引擎提供的 API 相同的 API。通常，您不会对 NodeJS 和 Firefox JS 引擎（目前是 OdinMonkey）做同样的事情。

如果您想使用外部资源（位于服务器中的文件）动态更改页面内容（即其 DOM 结构），请使用 Ajax 技术。

最后，in this SO question，您会找到一些方法来获取本地文件的内容，但它们必须由用户手动选择。

【讨论】：

【解决方案2】：

如果您要创建一个复杂的网站，您需要一个网络服务器。假设您的内容不需要服务器端渲染并且您安装了 Apache，那么一个普通的 XHR 函数可以帮助您获取内容。如果普通的 XHR 没有帮助，jQuery 或许可以让事情变得简单。

【讨论】：

我不想公开这个网站。我只想为我做！