javascript - 如何在执行函数之前等待 iframe 加载？

Question

我在 iframe 中有一个表单。我从父窗口提交该表单。服务器向该 iframe 返回成功或失败标志。我想在关闭父窗口之前等待 iframe 获取成功或失败标志。

我正在尝试 jquery .ready() 但它不起作用。

我也不想将下面的代码放在 iframe 的 onload 中，并通过一些技巧来关闭父窗口。

 document.myFrame.submit(); // a function called submit() inside my iframe that submits a form in the iframe
      $(document.myFrame).ready(function(){
          var successError = document.myFrame.successError
          if(successError == "Y"){
              closeParentWindow();
          }else{
              alert(successError);
          }

      });

Answer 1

试试这个:

$(document.myFrame).load(function(){
      var successError = document.myFrame.successError
      if(successError == "Y"){
          closeParentWindow();
      }else{
          alert(successError);
      }

  });

原始 js 示例:

var iframe = document.createElement('iframe');
iframe.addEventListener('load', function(){ alert('asd'); });
iframe.src = "http://www.youtube.com/embed/JRWox-i6aAk";
document.body.appendChild(iframe);

工作中fiddle

正如你所说，这也可能是跨源资源共享问题