Question

我想要读取保存在同一文件夹中的文件。然后我想在index.html的div中显示它的内容。问题：当我使用require("fs")时它没有工作，因为它没有运行服务器端。我一直在环顾四周，找不到简单的答案。我想让我的网站有点动态，所以这里是按下按钮时应触发的代码：

function videos() {
    var body = *read a file("insertfilename")*;
    console.log(body);
    document.getElementById("body").innerHTML = body;
}

在这种情况下，“body”就是我给div的id。

！EDIT！

现在进一步解释。我想用它作为我的主要网站。当我去那里时，它应该打开一个空的html文件，它有一个脚本文件作为源。 “onload”它应该读取一个文件，该文件也已经在服务器上，并将其内容放入正文内部的div中。如果我点击热链接或按钮，它应该读取另一个文件并将该内容放入该div中。也许这会对我想要做的事情做一点澄清。我不想重新加载打开我的其他网站。

Answer 1

因为您没有使用服务器，所以似乎需要一些基本的文件提取。你试过FileReader for javascript吗？这是一个非常简单明了的对象。页面上的示例似乎与您要完成的内容类似，除了您要获取文件而不是用户。

Answer 2

您可以使用AJAX。它代表异步JavaScript和XML。您可以使用它向服务器发送异步请求。只需确保您请求的文件与JS文件位于同一个域中。

function videos() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() { //this will execute when you receive response from the server
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("body").innerHTML = this.responseText;
            console.log(this.responseText)
        }
    };
    xhttp.open("GET", "filename.txt", true);
    xhttp.send();
}

Here是W3schools教程，如果你想了解更多。

Javascript读取并显示文件的内容

2 个答案: