將URL中的HTML內容插入HTML（form，div，iframe等）

Question

我想顯示此URL的結果

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);
});