Javascript 在fancybox中提交表格
是否可以创建要在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中的提交将重新加载您的父页
<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提交表单?