将 URL 中的 HTML 内容插入 HTML（表单、div、iframe、...）

Question

我想显示这个网址的结果

http://api.openweathermap.org/data/2.5/weather?q=Berlin,de&mode=html&appid=...1

看起来像

https://i.stack.imgur.com/WWRoD.png

如何将 URL 中的 HTML 内容直接插入 iframe 或 div？ 谢谢！

Answer 1

如果您已经能够获得该响应 html，您只需将其插入到页面中

document.getElementById('mydiv').innerHTML = "<p>some html</p>"

Answer 2

这可以通过 PHP 轻松实现。

<?php
    echo file_get_contents("ENTER URL HERE");
?>

您可以通过 JavaScript 执行此操作，但这需要发出 AJAX 请求以获取 HTML，然后将其插入 DOM。我不认为这将是最好的方法，因为页面已经在没有代码的情况下加载，然后将其异步添加到页面中。我认为这会导致用户体验更差。

编辑

要异步下载 HTML，您应该使用 .get()，而不是 .load()。

$.get("URL", function(data) {
    $(".mydiv").html(data);
});