发送表单提交数据从iFrame到家长

Question

我想从iFrame（iframe.php）发送表单数据到iFrame的父级（main.php）。

main.php：

<div> 
    <iframe src="iframe.php"></iframe> 
</div> 

iframe.php：

<script> 
    // fancybox script here 
    $("#form_Submit").bind("submit", function() { 
     $.ajax({ 
      type  : "POST", 
      cache  : false, 
      url   : "/form.php", 
      data  : $(this).serializeArray(), 
      success: function(data) { 
       parent.$.fancybox(data); 
      } 
     }); 
     return false; 
    }); 
</script> 

<form method="post" action="form.php" id="form_Submit"> 
    <input type="text" name="someInput"> 
    <button type="submit" name="submitForm">Submit</button> 
</form> 

我使用的代码，我发现在这里：Open Fancybox (or equiv) from Form input type="submit"，但不能得到的形式在父显示。我一直试图让这个工作，但没有成功。谁能帮忙？先谢谢你。

Answer 1

在你的Javascript中，你似乎没有'父'变量集。

当你做parent.function()它选择变量'父'。在你成功的功能选择的iframe像这样：

$('iframe').parent().fancybox(data); 

，或者如果你想设置的“父”选择，你可以做

var parent = $('iframe');