刷新内容而不更改页面

Question

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

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

Answer 1

2种主要方式：

1）您可以在所有页面中使用常见的js文件包含html。这与您最初的选择一致。

你的功能可能是这样的（假设你使用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的东西：它更经典。