刷新内容不更改页面

Question

我正在创建一个小型商业网站，我只想要更改内容，并保留页眉/页脚。我的目标是在不更改URL的情况下更改内容。

我原本打算使用AJAX，但我意识到每个页面都有不同的布局，所以我不知道如何配合这个。如果我要使用AJAX，我会将所有数据存储在XML中。在这种情况下，我需要为每个页面创建一个新的XSLT吗？有没有更好的解决方案呢？

Answer 1

2种主要途径：

1）您可以在一个共同的js文件所有网页的HTML。这与你最初的选择是一致的。

你fonction可能是这样的（假设你使用jquery，我建议）：

// that's in the js file 
function addHeaderAndFooter() { 
    var html = '<div id=myheader>header stuff</div>'; 
    $(html).prependTo('body'); 
} 

然后你会说它是这样的：

// that's in each html file 
$(window).load(function(){ 
    addHeaderAndFooter(); // that's your function defined in your common js 
}); 

2）服务器端生成系统：以PHP为例，很容易在所有页面中包含常量元素。事实是，很少有商业网站可以真正避免使用服务器端代。

XML和XSLT的使用是可能的，但今天并不常见，因为它很重且不友好。

如果没有更多的要求，很难说如果你应该使用解决方案1或2，但对于不熟悉硬核开发的人，并假设你的网站会有更多的3 4页，我建议使用类似PHP：它更经典。