Question

我有一个Bootstrap HTML页面，它是大量表单（测验）的存储库。目前我通过iFrame在一个bootstrap模式中打开测验，但是存储库页面初始加载的延迟很糟糕（对于iFrames，服务器调用次数太多）。

这是为了工作，所以服务器是Oracle（没有php），系统仍然是使用IE8的所有XP。

iFrame可以工作，但它们会滞后于页面。如何在不离开页面的情况下打开此表单的多个版本？

测验遵循以下格式：http://techlaboratory.net/techlab/demos/SmartWizard2/

根据Ajax的建议，我试图模仿我发现的例子但我必须遗漏一些东西。

<html>
<head>
<title>ajax test</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script>
function showUrlInDialog(url){
   var tag = $("<div></div>");
      $.ajax({
         url: url,
           success: function(data) {
              tag.html(data).dialog({modal: true}).dialog('open');
                }
                   });
                    } 

</script>
</head>

<body>

<a href="#" onclick="showUrlInDialog('../../quiz_all/match.html'); return false;">Match quiz</a> 


</body>
</html>

Answer 1

我会把它变成一个Ajax UI，你可以通过ajax调用获取测验并直接将它们插入到DOM中。这意味着您可以使用单页应用程序而不使用iframe

如何在单个HTML页面上打开多个表单？

1 个答案: