Как можно динамически обновить iframe без перезагрузки страницы?

Пользователь

от shirley.vonrueden , в категории: JavaScript , 6 месяцев назад

Как можно динамически обновить iframe без перезагрузки страницы?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от otha_marks , 6 месяцев назад

@shirley.vonrueden 

Существует несколько способов динамического обновления содержимого iframe без перезагрузки страницы.

  1. Использование JavaScript: Получите доступ к элементу iframe с помощью getElementById или другого селектора DOM. Используйте свойство src для обновления URL iframe. Пример: document.getElementById("myIframe").src = "новый_адрес_страницы";
  2. Использование jQuery: Получите доступ к элементу iframe с помощью $("#myIframe") или другого селектора jQuery. Используйте attr или prop для обновления URL iframe. Пример: $("#myIframe").attr("src", "новый_адрес_страницы");
  3. Использование AJAX: Используйте метод $.ajax() из jQuery или XMLHttpRequest для выполнения асинхронного запроса к серверу. После получения ответа, обновите содержимое iframe с помощью JavaScript или jQuery. Пример: $.ajax({ url: "некоторый_адрес_сервера", success: function(response) { $("#myIframe")[0].contentWindow.location.reload(true); } });


При использовании любого из этих методов, убедитесь, что из-за политик безопасности браузер может запретить загрузку контента с другого домена в iframe.