将.txt文件加载到textarea Javascript中？

Question

将.txt文件加载到textarea Javascript中？

我试图将文本文件放入textarea.结果是" http://mywebsite.com/textfile/(txtinput).txt,文本文件未加载到textarea中.

<html>
   <head>
      <title>textbox</title>
      <script type="text/javascript">
         function readBOX() {
            var txtinput = document.getElementById('txtinput').value;
            document.forms[0].text.value = ("http://mywebsite.com/textfile/") + txtinput +(".txt");
         }
      </script>
   </head>
   <body>
      <p> Type</p>
      <input type="text" id="txtinput" />
      <input id="open" type="button" value="READ" onClick="readBOX()" />
      <form>
         <textarea name="text" rows="20" cols="70">loaded text here</textarea>
      </form>
   </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Mar*_*tin 12

您必须使用本答案中公布的内容

jQuery的

$(document).ready(function() {
   $("#open").click(function() {
       $.ajax({
           url : "helloworld.txt",
           dataType: "text",
           success : function (data) {
               $("#text").text(data);
           }
       });
   });
});

Run Code Online (Sandbox Code Playgroud)

阅读更多关于.ajax()的jQuery文档

非jQuery

我不想使用jQuery你必须使用XMLHttpRequest-Object之类的东西:

var xmlhttp, text;
xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', 'http://www.example.com/file.txt', false);
xmlhttp.send();
text = xmlhttp.responseText;

Run Code Online (Sandbox Code Playgroud)

但这可以在这里的SO-Answer 或维基百科上完整且可理解的文档中阅读

注意:但这不是跨浏览器兼容的,对于较旧的IE版本,您必须使用该ActiveXObject("Microsoft.XMLHTTP")对象

我不同意.我认为jQuery只有在你已经使用它或计划的时候才能被接受.而且我认为你应该只在你知道提问者正在使用它时推荐它. (7认同)
当提问者不使用jQuery时,我用jQuery回答的人.他确实需要调查ajax,但我不喜欢仅为此建议jQuery. (5认同)
使用 $("#text").val(data) 而不是 $("#text").text(data) 具有设置文本的优点，即使用户已经修改了 textarea 中的文本。 (2认同)

Answer 2

Gwa*_* Si 4

感谢大家。JavaScript 不适合我。我改用PHP，它运行得很好。

<!DOCTYPE HTML>
<html>
   <head>
      <title>textbox</title>
   </head>
   <body>
<form action="process.php" method="post">
      <input type="text" name="name" />
      <input type="submit" />
</form>
   </body>
</html>

Run Code Online (Sandbox Code Playgroud)

进程.php

<textarea name="text" rows="20" cols="70"> 
<?php $name =  $_POST["name"]; echo file_get_contents("$name");?>
</textarea>

Run Code Online (Sandbox Code Playgroud)

归档时间：	12 年，1 月前
查看次数：	39140 次
最近记录：	9 年，9 月前