如何在沒有IFRAME的情況下使用Javascript在div中加載網頁？

Question

我需要將外部網頁加載到div中。 我不想使用iFrame。 我想用普通的Javascript或Jquery完成這個。 我不知道該怎么做。

Answer 1

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

它會將你的html數據加載到任何div中。

Answer 2

有很多方法，這里有一對：

---

。加載（）

參考

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>