javascript - 使用 ajax 调用用 div 标签替换 iframe 和框架

Question

我们有一个带有 jsp 视图的基于 struts 的应用程序。加载后的网页之一具有 iframe 和嵌套框架。我们想摆脱它们并考虑使用 div 和 Ajax 来代替。该页面大约有 7 多个框架，我们使用 7 多个 ajax 调用来加载每个框架中的数据。我们在 div 中使用了“data”属性，而不是框架标签中的 src 属性，在其中添加了 url 并在 ajax 调用中使用了该 url。

例如：

<div id="test" data-url="Required URL"></div>
<script>
var elm = document.getElementById("test");
$.ajax({
  url: elm.dataset.url,
  dataType: html,
  success: function(data){
    $("#test").html(data);
  }
});
</script>

这就像第一个 div 被加载并且在该内容中另一个 div 将在那里并且它将被加载，依此类推。

我们目前面临以下几个问题：

• 有时，Ajax 调用加载的 HTML 数据中的脚本标签无法正常工作。
• 如果 Ajax 调用加载的 HTML 数据中发生任何 javascript 错误，则 Ajax 调用成功部分中的脚本不起作用。
• 使用框架时也是如此。浏览器的后退和前进按钮不适用于 Ajax。

您是否认为有一种有效的方法来替换 iframe/frames 或解决这些提到的问题？请帮忙。谢谢。

标签： javascripthtmlajaxiframeframes