0

我有一个 Bootstrap HTML 页面，它是大量表单（测验）的存储库。目前，我通过 iFrame 在引导模式中打开了测验，但是存储库页面的初始加载滞后很糟糕（对 iFrame 的服务器调用过多）。

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

iFrames 工作，但他们落后于页面。如何在不离开页面的情况下打开此表单的多个版本？

测验遵循以下格式：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>
4

1 回答 1

1

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

于 2013-09-19T19:15:12.440 回答