如何在xmlhttprequest中获取HTML页面作为响应

Question

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
     if (this.readyState == 4 && this.status == 200) {
         alert(this.responseText);
     }
};
xhttp.open("GET", "https://zbapi.herokuapp.com/", true);
xhttp.setRequestHeader("Content-type", "application/json");
xhttp.send();

这是我的代码。 它返回html文本，但我希望它加载html输出。

Answer 1

它返回html文本，但我希望它加载html输出。

alert希望传递纯文本。

您需要将HTML源代码放在需要HTML源代码的位置。

例如，Element对象的innerHTML 。

但是，您请求的URL包括相对URL，并且具有自己的JS。 使用JS请求并尝试呈现它没有多大意义。 当然，仅通过location = "https://zbapi.herokuapp.com/"触发导航也会更好。

Answer 2

您需要使用服务器上的某些解析器将HTML页面解析为JSON，然后以JSON格式将解析的数据发送到客户端。 例如，喜马拉雅山（在Node.js中）。

喜马拉雅山官方仓库

或使用html2json（ NPM存储库 ）在客户端上进行解析