Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用纯javascript从外部网站获取信息_Javascript_Html_Jquery_Xmlhttprequest - Fatal编程技术网

使用纯javascript从外部网站获取信息

使用纯javascript从外部网站获取信息,javascript,html,jquery,xmlhttprequest,Javascript,Html,Jquery,Xmlhttprequest,我发现了一个简单的jQuery代码片段,可以从外部网站获取信息。然而,我正在努力将其转换为纯粹在JavaScript上运行。我认为我走的是正确的道路,但我不确定如何过滤拉取的信息并仅显示h1标记内的文本。如果有人能帮我或给我一个提示,告诉我下一步该做什么,我将非常感激。提前谢谢你 这是功能齐全的jQuery代码: $.ajax({ 网址:'https://enable-cors.org', 类型:'GET', 成功:功能(数据){ $('#content').html($(data.find(

我发现了一个简单的jQuery代码片段,可以从外部网站获取信息。然而,我正在努力将其转换为纯粹在JavaScript上运行。我认为我走的是正确的道路,但我不确定如何过滤拉取的信息并仅显示h1标记内的文本。如果有人能帮我或给我一个提示,告诉我下一步该做什么,我将非常感激。提前谢谢你

这是功能齐全的jQuery代码:

$.ajax({
网址:'https://enable-cors.org',
类型:'GET',
成功:功能(数据){
$('#content').html($(data.find('h1').html());
}
});

您需要

(1) 将响应转换为您可以导航的文档,这样您就可以访问

(2) 用找到的内容填充内容

let request=new-XMLHttpRequest();
请求。打开(“获取”https://enable-cors.org“,对);
request.onload=()=>{
const doc=new DOMParser().parseFromString(request.responseText,'text/html');
document.querySelector('#content').innerHTML=doc.querySelector('h1').innerHTML;
}
request.send()

查看使用更现代的
fetch()
而不是
XMLHttpRequest
非常感谢您的推荐,我还需要进一步研究,因为我不熟悉此函数。非常感谢您提供的解决方案。它就像一个符咒。我必须进一步研究“DOMParser”,因为这对我来说是全新的。再次感谢你们!