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