如何解决使用纯javascript从外部网站获取信息
我发现了一个简单的 jQuery 片段,可以从外部网站提取信息。但是,我正在努力将其转换为纯粹在 JavaScript 上运行。我认为我在正确的道路上,但我不确定如何过滤提取的信息并仅显示 h1 标签内的文本。如果有人可以提供帮助或为我提供下一步该做什么的提示,我将不胜感激。提前致谢!
$.ajax({
url:'https://enable-cors.org',type:'GET',success: function(data){
$('#content').html($(data).find('h1').html());
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content"></div>
这是我目前使用的 JavaScript:
let request = new XMLHttpRequest();
request.open("GET","https://enable-cors.org",true);
request.onload = () => {console.log(request.responseText)}
request.send();
解决方法
你需要
(1) 将回复转换为您可以导航的文档,以便您可以访问 <h1>
(2) 用找到的内容填充 #content
<h1>
let request = new XMLHttpRequest();
request.open("GET","https://enable-cors.org",true);
request.onload = () => {
const doc = new DOMParser().parseFromString(request.responseText,'text/html');
document.querySelector('#content').innerHTML = doc.querySelector('h1').innerHTML;
}
request.send();
<div id="content"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。