提问者:小点点

从url中的txt文件获取文本


当我转到这样的url:http://my。网址。com/file。txt,浏览器显示文本。

我想要一个简单的javscript命令,它可以执行以下操作:
1。转到url
3。以屏幕上显示的文本为例
4。将其存储在变量中以供进一步处理

大概是

var url = http: //my.url.com/file.txt;

//这里有一些指向url的代码

//一些代码,采取上述信息,并做类似的事情:

var fileInfo = ---content of file.txt---

请注意,我从txt文件中查找的信息是在html标记中

<p>Text I need in Variable</p>

任何帮助都将不胜感激<谢谢你!


共3个答案

匿名用户

在JSFIDLE玩它。网

var url = 'https://fiddle.jshell.net/robots.txt';
var storedText;

fetch(url)
  .then(function(response) {
    response.text().then(function(text) {
      storedText = text;
      done();
    });
  });

function done() {
  document.getElementById('log').textContent =
    "Here's what I got! \n" + storedText;
}

下面是一个较小的ES6示例,它将抓取、存储和显示结果分离开来。

fetch('https://fiddle.jshell.net/robots.txt')
  .then((response) => response.text().then(yourCallback));

function yourCallback( retrievedText ) { /* . . . */ }

通过已经是全面的。

你不必等待。大多数人不会。你不应该。
GitHub为那些无法升级的人提供了一个多填充。

fetch有什么比XHR更好。。。太多了。

匿名用户

对url进行AJAX调用。下面是使用jQuery库的示例:

$.get( "http: //my.url.com/file.txt", function( data ) {
  var text = data;
});

要从段落标记之间的文本字符串中提取所需内容,请尝试regex:

var pText = text.match(/<p>([^<]+)<\/p>/)[1];

匿名用户

只需使用jquery。它简单、有趣且可扩展。不要尝试bizzare的用法。确保始终通过所有浏览器兼容。如果您复制此文件并在本地或远程Web服务器下运行,它将非常有效。干杯

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $.ajax({url: "test.txt", success: function(result){
            $("#div1").html(result);
        }});
    });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>