Javascript 在fancybox中提交表格

Javascript 在fancybox中提交表格,javascript,jquery,html,ajax,fancybox,Javascript,Jquery,Html,Ajax,Fancybox,是否可以创建要在fancybox中提交的表单 <a class="assignScoreValues" href="/quality/assign-score-values/id/1">Assign Score Values</a> 然后在控制器中显示要提交的表单。我无法重定向,因为我将丢失原始页面上的信息 我认为这是不可能的?Fancybox窗口是父窗口HTML的一部分。因此,如果您的fancybox不包含iframe,则fancybox中的提交将重新加载您的父页

是否可以创建要在fancybox中提交的表单

<a class="assignScoreValues" href="/quality/assign-score-values/id/1">Assign Score Values</a>

然后在控制器中显示要提交的表单。我无法重定向,因为我将丢失原始页面上的信息


我认为这是不可能的?

Fancybox窗口是父窗口HTML的一部分。因此,如果您的fancybox不包含iframe,则fancybox中的提交将重新加载您的父页面


因此,正确提交表单的明显(也是我认为唯一)方法是通过AJAX。然后,您可以使用
$.fancybox.close()
方法关闭fancybox。

您可以使用Jquery和
serializeArray()
使用AJAX提交表单。要使用HTML链接进行提交,请执行以下操作:

<a onclick="var data=jQuery('#form_id').serializeArray();
            $.ajax(
            {
                url:'url/to/post',
                type:'POST',
                data:data,
                success:
                    function(data){
                        //do something on success, for example close fancybox:
                        $.fancybox.close();
                }
            });
            return false;
            "
href="javascript:void(0);">Save Form</a>

为什么不通过AJAX提交表单?