用文件内容填充文本区域

时间:2018-10-11 11:00:57

标签: javascript php html ajax

我创建了一个文本区域,然后我想用Javascript或我需要的东西,当我单击按钮时用文件的内容填充文本区域。

我该怎么做,或者我需要什么?

2 个答案:

答案 0 :(得分:0)

听起来像ajax呼叫的工作。 Javascript可以在服务器上调用一个页面,该页面可以打开文件,读取文件内容并返回包含文件内容的j​​son字符串,然后javascript将其放入文本区域

Load text from local .txt file into html textarea using JavaScript

答案 1 :(得分:0)

文本是否已经加载到页面中并保存在Javascript变量中?如果不是这样(如其他人所建议的那样),则可能需要调用AJAX来检索此数据。

可以使用以下一些简单的javascript来更改textarea的值;

<textarea id="textarea"></textarea>

<input type="button" onclick="changeText()" value="button" />

<script>
function changeText() {
  var textarea = document.getElementById('textarea');
  textarea.value = "new Value";
}
</script>

如果相反,我们在不使用jQuery的情况下检索文件,则该函数可以如下所示;

function changeText() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'request_page.php');
    xhr.send(null);

    xhr.onreadystatechange = function () {
        var status = 4;
        var http_code = 200;
        if (xhr.readyState === status) {
            if (xhr.status === http_code)  {
                var textarea = document.getElementById('textarea');
                textarea.value = xhr.responseText;
            } else {
                // do something with an error here
            }
        } 
    }
};