单击链接导航到没有页眉，页脚更改的其他页面

Question

我的网站有固定的页眉和页脚组件。 我在正文页面上有一个链接。 当我单击链接时，它应该导航到另一页而不更改页眉和页脚组件。 任何人都有关于如何使用jquery / javascript实现它的想法。

Answer 1

您可以将XMLHttpRequest直接用于所需的html页面，如下所示：

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>