试图让javascript删除文本并用AJAX重新加载_Javascript_Html_Ajax

试图让javascript删除文本并用AJAX重新加载

javascript html ajax

试图让javascript删除文本并用AJAX重新加载,javascript,html,ajax,Javascript,Html,Ajax,我有一个HTML文本区域，读取文本文件，然后让用户编辑文本。我有一个“刷新”按钮，它使用AJAX将正在读取的文件重新加载到文本文件中。然而，我的问题是，当我在文本区域中添加一些内容而不按“保存”按钮，然后按“刷新”按钮时，文本仍然保留在文本区域中我希望发生的是，我添加的文本会被删除，因为AJAX代码将文本区域替换为文件内容以下是我的相关代码： <script> function reloadFile() { var xhttp = new XMLHttpR

我有一个HTML文本区域，读取文本文件，然后让用户编辑文本。我有一个“刷新”按钮，它使用AJAX将正在读取的文件重新加载到文本文件中。然而，我的问题是，当我在文本区域中添加一些内容而不按“保存”按钮，然后按“刷新”按钮时，文本仍然保留在文本区域中

我希望发生的是，我添加的文本会被删除，因为AJAX代码将文本区域替换为文件内容

以下是我的相关代码：

<script>
    function reloadFile() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (xhttp.readyState == 4 && xhttp.status == 200) {
                document.getElementById("demo").innerHTML = xhttp.responseText;
            }
        };
        xhttp.open("POST", "documents/test.txt", true);
        xhttp.send();
    }

</script>
<?php
    $myfile = fopen($file, 'a+');

    echo "<textarea id='demo'>";

    // go through each line in the file, print its contents.
    while(!feof($myfile)) {
        echo fgets($myfile);
    }
    echo "</textarea>";
?>
<button type='button'>Update Changes</button>
<button type='button' onclick='reloadFile()'>Refresh</button>

在reloadFile函数的开头，但这似乎没有起到任何作用

文档/test.txt：

<!doctype html>
<html>
<head>
    <title>Hello World</title>
</head>
<body>
    <h1>Header</h1>
</body>
</html>


你好，世界
标题

更改

document.getElementById("demo").innerHTML = xhttp.responseText;

到

type='refresh'

@epascarello刚刚注意到。。抱歉，应该是按钮类型。问题仍然存在。函数是否被调用？ajax调用发出了吗？@epascarello是的。当我添加document.getElementById（“demo”）.value=“”，文本区域将清除并保持为空。我希望文件中的内容显示出来。对文本区域使用

.value

，而不是

.innerHTML

。

document.getElementById("demo").innerHTML = xhttp.responseText;

document.getElementById("demo").value = xhttp.responseText;