[英]How do I open multiple forms on a single HTML page?
我有一个Bootstrap HTML页面,该页面是大量表单(测验)的存储库。 当前,我通过iFrame在引导程序模式中打开了测验,但是存储库页面的初始负载上的滞后很糟糕(对于iFrame,对服务器的调用太多)。
这是为了工作,因此服务器是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>
我将其转换为Ajax UI,您可以在其中通过ajax调用获取测验并将其直接插入DOM。 这意味着您可以使用一个页面应用程序而无需iframe
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.