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

How do I open multiple forms on a single HTML page?

本文关键字：表单 单个 HTML      更新时间：2023-09-26

我有一个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>

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

。
相关文章：