个人中心
gpt4 book ai didi

javascript - 从服务器读取txt文件，并将其写入网站

转载 作者：行者123 更新时间：2023-12-02 18:23:31 25 4
gpt4 key购买 nike

这是我的问题。

1) 我想创建一个 txt 文件(或者可能是 html 文件)来保存用户单击单词时要写入的一段信息。这是我正在开发的游戏的一部分。

如果您访问 www.w3schools.com 并访问他们的“尝试一下”编辑器，他们会...

<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc()
{
var xmlhttp = XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
p = document.createElement("p");
p.innerHTML=xmlhttp.responseText;
document.getElementById("story").appendChild(p);
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>

<div id="story"><h2>Let AJAX <i onclick=loadXMLDoc()>change</i> this text</h2></div>

</body>
</html>

这正是我希望我的程序执行的操作(当然不是实际的单词)，但我正在使用外部 .js 表运行 html。我应该将 ajax 存储在其他地方吗？或者，我的 .txt 文件看起来应该与其中的一堆单词不同吗？我完全困惑了。

有趣的是，一旦它真正开始工作，我将不得不在 txt 文件中实现一个带有斜体的“onclick”事件。

如果有更好的方法来做到这一点，那么appendChild(p.innerHTML("lfjhdfh")) 和AJAX 请尽快告诉我。我总共有 11 周的时间来让这个东西在学校项目中发挥作用，哈哈。

最佳答案

试试这个，它只是将文本附加到 body 元素的 HTML 中:

function getFileFromServer(url, doneCallback) {
    var xhr;

    xhr = new XMLHttpRequest();
    xhr.onreadystatechange = handleStateChange();
    xhr.open("GET", url, true);
    xhr.send();

    function handleStateChange() {
        if (xhr.readyState === 4) {
            doneCallback(xhr.status == 200 ? xhr.responseText : null);
        }
    }
}

function ajax() {
    getFileFromServer("Test.txt", function (text) {
        if (text === null) {
            // An error occurred
        } else {
            document.body.innerHTML += test;
        }
    });

}

关于javascript - 从服务器读取txt文件，并将其写入网站，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18603573/

25 4 0
文章推荐： javascript - 如何刷新首页或通过一个链接进入首页？
文章推荐： javascript - 使用 localstorage 存储表数据并将其传递到表单
文章推荐： javascript - 使用数组创建TextNode/appendChild
文章推荐： javascript - 当我使用 $.append 时如何克隆元素
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com