Вставка содержимого HTML из URL в HTML (форма, 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

как вставить содержимое HTML из URL-адреса непосредственно в iframe или div? Спасибо!

Answer 1

Это может быть легко достигнуто с помощью PHP.

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

Вы можете сделать это с помощью JavaScript, но для этого потребуется выполнить запрос AJAX для получения HTML-кода, а затем вставить его в DOM.Я не думаю, что это был бы лучший метод, поскольку страница уже была бы загружена без кода, а затем асинхронно добавляла его на страницу.В зависимости от того, как он предназначен для просмотра, я думаю, что это приведет к ухудшению UX.

Редактировать

Для асинхронной загрузки HTML, вы должны использовать .get() вместо .load ().

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

Answer 2

Если вы уже можете получить этот ответ в формате HTML, все, что вам нужно сделать, это вставить его на страницу

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