Javascript 将文本从.txt文件拉入值HTML

我会给你完整的故事。我刚刚创建了一个新的web服务器，我对这一切都很陌生

我编写了一个python脚本，它输出一个折扣代码，该代码在web服务器本身上经常更改为.txt文件

我所需要的只是将该.txt文件的内容添加到我的页面，这样我就可以有一个按钮为用户复制内容

我一直在寻找Javascript，但不知道我是否在错误的地方寻找，因为它是客户端

我已经尝试嵌入文本文件，虽然该值显示在页面上，但我正在努力将其复制到剪贴板。我似乎有一个复制功能钉在一个输入框，所以有在那里的值将是所有我需要的

这就是我到目前为止所拥有的，实际上需要复制成从.txt文件中提取的值：

函数myFunction{ var copyText=document.getElementByIdinput2； copyText.select； 文件副本； } .btn{ 边界：无； 背景色：继承； 填充：14px28px； 字体大小：16px； 光标：指针； 显示：内联块； } .btn:hover{background:eee；} .success{颜色：绿色；} 复制按钮

---

下面是使用jQuery的方法：

$.ajax({
    url: "file.txt",
    dataType: "text",
    success: function (data) {
         $("#input2").value(data);
    }
});

---

这将提取file.txt的内容，如果它能找到该文件，则将数据放入ID为input2的元素的value属性中。

据我所知，您有两个选项：

一种是在网站上使用fetch或jQuery的ajax：

fetch("/file.txt")
    .then(response => response.text())
    .then(text => document.getElementById("input2").textContent = text);

另一种选择是在后端读取文件并将其作为数据传输到前端，这取决于后端使用的框架、语言和服务器，但您没有在问题中指定任何一种

此选项可能更好，因为它需要更少的请求，这对性能更有利，但这取决于您需要它的目的-如果您希望动态呈现文件，而不是从服务器将其插入页面中，则可以。但是你确实需要考虑你想使用哪一个和为什么。 阅读更多：

---

为什么不使用Python生成HTML文档，并使用模板语言插入文件的内容呢？问题中提到了Python。@C.champany是的，但这句话是我编写了一个Python脚本。他们没有说后端使用什么语言或框架。如果OP能提供更多信息，我们可以更好地帮助他们：