ヘッダー、フッターの変更を行わずに別のページをナビゲートするにはリンクをクリックしてください

Question

私のウェブサイトにはヘッダーとフッターのコンポーネントが固定されています。私はボディページにリンクを持っています。リンクをクリックすると、ヘッダーとフッターのコンポーネントを変更せずに別のページに移動する必要があります。どの人がjquery/javascriptを使ってそれを達成するかについてのアイデアがあります。

Answer 1

あなたはこのように、ご希望のhtmlページに直接にXMLHttpRequestを使用することができます。

function load_htm() 
{ 
var xml = new XMLHttpRequest(); 
//here your content to be loaded 
var elem = document.getElementById('content'); 
//here goes your target html file... 
url = "/yourfile.htm"; 
//this is not the better way to, but will clear the element... 
elem.innerHTML = ''; 
if (xml !== null) { 
xml.open('GET', url, true); 

    xml.send(); 
    xml.onreadystatechange = function() { 
    if (xml.readyState === 4) { 
     //getting the results and assign to element 
     response = xml.responseText; 
     elem.innerHTML = response; 
     } 
    } 
} 
} 

HTML：

<div id="footer"></div> 
<div id="link" onclick="load_htm();"></div> 
<div id="content"></div> 
<div id="header"></div>