如何显示来自 javascript var 的 html 代码？答案

【问题标题】：How to show html code from javascript var?如何显示来自 javascript var 的 html 代码？
【发布时间】：2021-05-20 08:13:53
【问题描述】：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
var div = $.get( "https://m.vk.com/");
</script>
</head>
<body>
<script>
str = JSON.stringify(div);
window.alert(str);
</script>
</body>
</html>

此代码打印我的文本：“readystate”..我需要显示网站的完整 html 代码... 我该怎么做？

【问题讨论】：

您首先需要将 HTML 放入变量中。 jqXHR 对象不是 HTML。尝试阅读 $.get 的文档，了解如何使用它的示例。

标签： javascript html jquery

【解决方案1】：

$.get返回一个promise（它是异步调用），所以你需要：

var promise = $.get( "https://m.vk.com/");
promise.then(html => {
  window.alert(html);
});

注意：在最新版本的 jQuery（不确定来自哪个版本）中，promise 与原生 Promise 对象（A 型 promise 规范）兼容，因此它们具有 then 方法，即使 jQuery docs 另有说明。

【讨论】：