Обновить Div изнутри отдельного iFrame в JavaScript / ASP.net MVC

Question

У меня есть iFrame, который содержит форму загрузки.После успешной загрузки мне нужен контроллер (или представление iFrame), чтобы обновить DIV, который находится вне iFrame.Как это сделать?Я пробовал это в представлении iFrame, которое перезагружается после загрузки, и ничего не происходит:

 document.getElementById('reportContainer').contentDocument.location.reload(true);

Answer 1

Если вы контролируете код родителя, то я рекомендую перейти к решению pub / sub.

iFrame вызовет пользовательское событие для родителя.
Родитель будет действовать нацель div при возникновении события.

iFrame код:

var myCustomEventData = { foo: 'bar' } // optional if you need to pass data
var myEvent = new CustomEvent('myEvent', { detail: myCustomEventData });
window.parent.document.dispatchEvent(myEvent);

Родительский код:

window.document.addEventListener('myEvent', handleEvent, false)
function handleEvent(e) {
  console.log(e.detail) // logs: {foo: 'bar'}
}