別のHTMLページから呼び出すことによって別のhtmlページのdivにHTMLページをロード

Question

index.html、page1.htmlおよびpage2.htmlの3つのhtmlページがあるとします。

現在、私はpage2.htmlです。いくつかのページにハイパーリンクする項目のリストがあります。 1つのリンクがpage1.htmlになっているとします。

page1.htmlをdivにロードすることは可能ですか？index.htmlからpage2.htmlにありますか？

ご協力いただければ幸いです。

Answer 1

あなたはこの

$('#div').load('pageUrl'); 

のためのjQuery​​を使用するか、任意のcallbackが必要な場合、あなたは、詳細については

$('#div').load('pageUrl', function(){ 
    // your code here 
}); 

を参照する使用することができますすることができますclick here

Answer 2

はいそれは可能です、

次のようにjQueryのAJAXを使用してindex.htmlを要求することができます。

$.ajax({ 
    url: "/index.html" 
}).done(function(htmlData) { 
    var htmlContent = $.parseHTML(htmlData).find("div"); // Here you pass the div reference of content you want to load 
    $("div.targetDiv").html(htmlContent); 
});