如何使用 javaScript 从 url 读取 txt 文件？答案

【问题标题】：How do I read txt file from url with javaScript?如何使用 javaScript 从 url 读取 txt 文件？
【发布时间】：2017-03-17 05:53:28
【问题描述】：

我已按照page 上的说明进行操作，但我无法解决问题。

这是我的代码：当点击file link 时，它会下载 f.txt 文件。但我想在不通过 url 下载的情况下访问数据。

var file = 'https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=hi&dt=t&dt=t&q=hello';
      function readTextFile(file) {
          var rawFile = new XMLHttpRequest();
          rawFile.open("GET",file,false);
          rawFile.onreadystatechange = function() {
              if(rawFile.readyState === 4) {
                  if(rawFile.status === 200 || rawFile.status === 0)
                  {
                      var allText = rawFile.responseText;
                      alert(allText);
                  }
              }
          }
          rawFile.send(null);
      }

【问题讨论】：

尝试点击此链接。 How to read /get data from url using javascript
你必须改变anche来启动你的javascript函数或绑定点击事件。删除了您当前拥有的服务的 URL。
@pd1 url 为我提供了有关如何从 url 中提取文本的说明，但我想在加载时从 url 中获取数据。单击此 URL：translate.googleapis.com/translate_a/… 时，它会下载一个 f.txt 文件。所以我想访问最终数据。感谢您的帮助
这是一个动态构建的页面。您需要在选项卡或 iframe 中打开它以允许其脚本完成工作。唯一的另一种选择是直接使用翻译 API。
您已使用 chrome 扩展程序标记了问题 - 您是否尝试从扩展程序中加载或解析文本？

标签： javascript ajax google-chrome-extension

【解决方案1】：

  <body>
      <a id="myLink" href="https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=hi&dt=t&dt=t&q=hello"  ">file link</a>
  </body>

 <script>
     document.querySelector("#myLink").addEventListener("click", function(event){ 
        event.preventDefault(); 
        var file = document.getElementById("myLink").getAttribute("href");
        console.log(file)
        var rawFile = new XMLHttpRequest();
        rawFile.open("GET",file,false);
          rawFile.onreadystatechange = function() {
              if(rawFile.readyState === 4) {
                  if(rawFile.status === 200 || rawFile.status === 0)
                  {
                      var allText = rawFile.responseText;
                      console.log(allText);
                  }
              }
          }
          rawFile.send(null);
    }, false); 

  </script>

这种方法可以让您读取文件的内容。这种方法会对您有所帮助。

【讨论】：