当我转到这样的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>
任何帮助都将不胜感激<谢谢你!
在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>