在 Fancybox 中提交表单并在父页面返回结果

Question

我在项目中使用 FancyBox 实现（FancyBox）来提示用户上传所需的文件，并在 fancybox 中提交表单后，它会正确提交。现在，提交表单后，fancybox 将关闭，父窗口将更新。

我的问题是，表单在 fancybox 本身内部提交，fancybox 内容得到更新，而不是父窗口。我使用 iframe 打开 FancyBox。

请参阅代码

fancybox 页面名称是 fancyfiles.jsp

在这个 JSP 中，我有一个类似这样的函数来提交表单：

function submitForm()
{ 
 parent.$.fancybox.close();
 target = "_parent";
 document.getElementById("invoice_form").submit();
}

父 JSP 名称是 Submitfiles.jsp

$(document).ready(function() 
{
 $("#others").fancybox({
  'width'  : '40%',
  'height' : '60%' ,
  'type'   : 'iframe'
 });

 $("#clickme").click(function(){
  json_obj+=']';
     document.getElementById('json_obj').value = json_obj;
     $("#others").trigger('click');
    });


});

请帮我解决这个问题。 fancybox 内的表单将被提交，fancybox 将关闭，更新将仅发生在父页面上。现在我可以提交表单并关闭 fancybox，但无法更新父 windows。即使尝试了页面重新加载但仍然没有用。

注意：我对此做了足够的研究，尝试了所有可能的解决方案。所以请帮助我完成这项工作。提前致谢

Answer 1

那么您的意思是关闭 fancybox 后，您的父表单应该更新吗？尝试使用

onClosed    :   function() {}

fancybox 的一项功能，每当您关闭 fancybox 时，您就可以运行 ajax 脚本。