如何在没有IFRAME的情况下使用Javascript在div中加载网页？

Question

我需要将外部网页加载到div中。我不想使用iFrame。我想用普通的Javascript或Jquery完成这个。我不确定该怎么做。

Answer 1

$( "#DIVID" ).load( "Path" );

它会将你的html数据加载到任何div中。

Answer 2

有很多方法，这里有一对：

---

.load（）

参考

http://www.w3schools.com/jquery/jquery_ajax_load.asp

http://api.jquery.com/load/

实施例

$( "#result" ).load( "ajax/test.html" );

---

jQuery.ajax（）

参考

http://api.jquery.com/jquery.ajax/

实施例

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

Answer 3

使用<jsp:include>标记可以轻松解决此问题。但我不想推荐。它只是将另一个JSP文件附加到模板。

<强> template.jsp

<div id="HSpace">
    <jsp:include page="Header.jsp" flush="true" />
</div>

<div id="MSpace">
    <jsp:include page="Main.jsp" flush="true" />
</div>

<div id="TSpace">
    <jsp:include page="Tail.jsp" flush="true" />
</div>