javascript - 将用户的输入数据保存到我自己的文件中

Question

我有一个带有文本区域的网页。我用自己的文本文件填充此区域，以便用户在加载页面时看到文本。我希望用户能够编辑该区域中的文本，然后单击“保存”。这将保存到“我的”文件中，以便下次有人打开页面时，他们将获得前一个用户编写的文本。

我找了好久了，还是没找到我需要的东西。我发现的一些内容表明可能是一些 php (不希望如此)。但我还没有找到描述这种确切情况的消息来源。

这是我的一些 HTML 代码:

<div class="emailEditor">
        <label for="emailEditBox" class="col-2 col-form-label">Email Editor</label>
        <div class="col-10">
            <textarea style = "min-height: 300px;" class="form-control" rows="5" id="emailEditBox"></textarea>
        </div>

        <button id="loadEmail" type="button" class="btn btn-primary" onclick="loadFile()">Load</button>
        <button id="saveEmail" type="button" class="btn btn-danger" onclick="saveFile()">Save</button>
        <button id="previewEmail" type="button" class="btn btn-success" onclick="previewFile()">Preview</button>
    </div>

<div class="emailPreview">
        <label class="col-2 col-form-label">Email Preview</label>
        <div class="emailOutput">
             <!--Preview here (rendered output of the html file)-->
        </div>
</div>

这是我的一些 Javascript 和 Jquery:

<script>
    function loadFile() {
        var reader = new XMLHttpRequest();
        reader.open('GET', "EmailTemplate.html", false);
        reader.send();
        var text = reader.responseText;
        document.getElementById("emailEditBox").value = text;
    }

    function writeFile() {

    }
</script>

<script>
    $(function previewFile(){
        $(".emailOutput").load("EmailTemplate.html");
    });
</script>

加载和预览部分正在工作，但我找不到保存文件的方法。

Answer 1

您需要服务器端处理来接收数据，然后使用 POST 请求将数据发送到服务器。在服务器端，如果您想要纯 JS 解决方案或使用简单的老式 PHP，则可以使用 Node.js。