提交表单后显示模式对话框

我有一个提交下载文件后的表单。 我想自动而不是自动下载文件..以显示modal dialog并显示下载链接。

 
     
  Download File   

在下载link.php中，我使用标题重定向到下载文件。 这是我想要显示的modal dialog。

 
 
 
 

 
Your Download is ready.
 
 Your Download link is here 
 
 
  

如何在表单提交后显示此对话框？ 提前致谢

Answer 1

 $("#softwareform").submit(function(e){ e.preventDefault(); $.ajax({ type : 'POST', data: $("#softwareform").serialize(), url : 'url', success : function(data){ $("#download_link").html(data); $("#download_modal").modal("show"); } }); return false; }); 
 
 
 

Your Download is ready.
 
 Your Download link is here  
 
 
  

为了显示模态，使用函数模态（“show”）。

在提交表单时，从php文件返回下载链接，它将通过jquery填充，并显示模态，当用户点击该链接时，文件将被下载

还要查看jsfiddle： – http://jsfiddle.net/h3WDq/559/

source： – 如何使用jQuery打开Bootstrap模式窗口？

您可以将方法更改为POST并使用序列化表单从表单发送数据。

Answer 2

您需要通过ajax发送表单数据，然后手动打开模式。 在表单页面上

  
 
     
  Download File  
 
 
 
 

Your Download is ready.
 
 Your Download link is here