Как обновить div по клику без перезагрузки всей страницы?

Question

[vladislav997]

Подскажите, Как обновить div по клику без перезагрузки всей страницы?
Гуглил, все решения какие то слишком заумные, и с подтягиванием то *.php файла то еще что то.

У меня вставлен iframe в div. как по клику на ссылку обновить только этот див?

Пример:

<a href="">Обновить</a>

<div id="exampleDiv">
<iframe id="exampleIframe" src="site.com"></iframe>
</div>

Answer 1

[nvdfxx]

const iframe = document.querySelector('#exampleIframe'),
      link = document.querySelector('a')
link.addEventListener('click', () => {
    iframe.src = iframe.src
    return false
})

Answer 2

[Andrey Suha]

Не совсем понятно что значит обновить див. Подозреваю Вам нужно сделать перезагрузку страницы iframe. Первая ссылка в Гугле

Answer 3

[Alex]

В каком смысле обновить <div>? Что в нем "обновлять"?
Или вы хотите перезагрузить содержимое <iframe>?
Если так, тогда вам нужно изменять ссылку в нем. Например так:

document.querySelector('a').addEventListener('click', () => {
  const url = new URL(iframe.src)
  url.searchParams.set('__time', Date.now())
  iframe.src = url.toString()
})

Answer 4

[Andrei_99]

Не совсем понятно что значит обновить див. Подозреваю Вам нужно сделать перезагрузку страницы iframe. Первая ссылка в Гугле