用JS获取远程页面的HTML个内容

Question

如何从远程网站拉取HTML内容——远程PHP脚本的输出——由.html 文件没有运行 Web 服务器和 使用纯 JS（或者 Ajax 如果 vanillaJS 太复杂）。

Can't include https://quarantine.country/coronavirus/cases/usa/ output to the covid app (no apache, html only) and jQuery too big(!)?

我们需要这个输出：

<html><head></head><body>In the US we have 79082 reported cases with 76075 still active. 1864 recovered and 1143 casualties. The death ratio in the US is 0.01 at the moment, 0.02 is recovering. Last update at 2020/03/26.
In the same time, we have 520755 total cases worldwide, with 23581 deaths and 122690 recovered, a 0.05/0.24 ratio.
</body></html>

*用 JS 加载并包含远程脚本 (index.php) 的 html 输出应该可以解决问题。一个简单的解决方案会有很大帮助。谢谢！

Answer 1

首先，您的网络服务器需要 return HTTP header

Access-Control-Allow-Origin，您可以在此处了解更多信息：CORS。 Access-Control-Allow-Origin: * 允许所有网站访问您的网络服务器。然后，您可以使用 XMLHttpRequest:

function onReceive() {
  console.log(this.responseText);
}

const req = new XMLHttpRequest();
req.addEventListener("load", onReceive);
req.open("GET", "https://quarantine.country/coronavirus/cases/usa/");
req.send();

编辑：如果您不控制 quarantine.country 网站，没有他们的协作或您自己的 Web 服务器，这是不可能的。

用JS获取远程页面的HTML个内容

Get HTML content of remote page with JS

html

javascript

post

get

cross-domain