Question

如何从父窗口范围完全捕获iframe中的ajax事件？使用jquery还是普通的javascript？

之类的，父窗口中的代码是，

<body>
<iframe class="childframe" src="http://localhost/ajax-page.php"></iframe>
</body>

和ajax-page.php包含，

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
  $.ajax({
    url:'http://localhost/',
    complete: function(data){
       alert('ajax complete inside iframe');
    }
  });
});
</script>

我想在iframe内完成ajax事件时在父窗口中触发一个函数。

Answer 1

如果父框架和子框架位于同一个域（在这种情况下都是localhost，所以我认为它们都是这样）：

window.parent.myFunctionInParent();

Answer 2

使用http://www.jacklmoore.com/colorbox/

Example:

$(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p>

从父窗口捕获iframe中的ajax事件

2 个答案: