Javascript 使用静态内容填充输入类型textarea（无ajax调用）_Javascript_Html_Ajax

Javascript 使用静态内容填充输入类型textarea（无ajax调用）

javascript html ajax

Javascript 使用静态内容填充输入类型textarea（无ajax调用）,javascript,html,ajax,Javascript,Html,Ajax,我的html页面中有一个文本区域，我希望我可以这样做： <textarea id='myTextArea' src='data.txt' /> ============== ============== 不幸的是，我不能那样做。“src”不适用于文本区域因此，我必须重复使用一些javascript来进行ajax调用（http get for data.txt），然后填充myTextArea ajax是解决这个问题的唯一方法吗

我的html页面中有一个文本区域，我希望我可以这样做：

<textarea id='myTextArea' src='data.txt' />
                          ==============


==============

不幸的是，我不能那样做。“src”不适用于文本区域

因此，我必须重复使用一些javascript来进行ajax调用（http get for data.txt），然后填充myTextArea

ajax是解决这个问题的唯一方法吗

非常感谢

更好的选择可能是通过服务器端语言输出该文件的内容。由于内容是静态的，因此实际上不需要额外的HTTP请求

在PHP中，您可以这样做：

<textarea id='myTextArea'><?php include "data.txt" ?></textarea>

更好的选择可能是通过服务器端语言输出该文件的内容。由于内容是静态的，因此实际上不需要额外的HTTP请求

在PHP中，您可以这样做：

<textarea id='myTextArea'><?php include "data.txt" ?></textarea>

这应该起作用：

<script>

function loadFile()
{
var xmlhttp = new XMLHttpRequest(); 
xmlhttp.open("GET","foo.txt",false);
xmlhttp.send();
var value = xmlhttp.responseText;
document.getElementById("myTextarea").value=value;
}

</script>


函数loadFile（）
{
var xmlhttp=new XMLHttpRequest（）；
open（“GET”，“foo.txt”，false）；
xmlhttp.send（）；
var值=xmlhttp.responseText；
document.getElementById（“myTextarea”）.value=value；
}

和html：

   <body onload="loadFile()">

     <textarea id="myTextarea" cols="20">

    </textarea>

   </body>

这应该可以：

<script>

function loadFile()
{
var xmlhttp = new XMLHttpRequest(); 
xmlhttp.open("GET","foo.txt",false);
xmlhttp.send();
var value = xmlhttp.responseText;
document.getElementById("myTextarea").value=value;
}

</script>


函数loadFile（）
{
var xmlhttp=new XMLHttpRequest（）；
open（“GET”，“foo.txt”，false）；
xmlhttp.send（）；
var值=xmlhttp.responseText；
document.getElementById（“myTextarea”）.value=value；
}

和html：

   <body onload="loadFile()">

     <textarea id="myTextarea" cols="20">

    </textarea>

   </body>

输入类型=textarea不存在，请使用message@ses3ion当然…修正了。。。感谢您指出这一点。输入类型=textarea不存在，请使用message@ses3ion当然…修正了。。。谢谢你指出这一点，这很危险。您需要读入数据，然后使用

htmlspecialchars

@JeffreySweeney将其转义这是一个有趣的选项。。。但是我的html页面是静态的（它们不是模板）@Zo72所以你不能访问任何服务器端技术？如果是这样的话，那么AJAX是唯一的选择，这是危险的。您需要读入数据，然后使用

htmlspecialchars

@JeffreySweeney将其转义这是一个有趣的选项。。。但是我的html页面是静态的（它们不是模板）@Zo72所以你不能访问任何服务器端技术？如果是这样的话，那么AJAX是唯一的选择。@Michael，这真的很好，但这是一个AJAX调用（和我所做的差不多），我想知道是否有更简单的解决方案。。。如果没有人发布其他内容，我会将您标记为正确答案thanks@Michael这真的很棒，但这是一个AJAX调用（和我所做的差不多），我想知道是否有更简单的解决方案。。。如果没有人发布其他内容，我会将您标记为正确答案，谢谢