我正在创建一个小型商业网站,我只想更改内容,并保留页眉/页脚。我的目标是在不更改 URL 的情况下更改内容。
我最初打算使用 AJAX,但我意识到每个页面都有不同的布局,所以我不知道如何配合这个。如果我要使用 AJAX,我会将所有数据存储在 XML 中。在这种情况下,我是否必须为每个页面创建一个新的 XSLT?那么有没有更好的解决方案呢?
2种主要方式:
1)您可以在所有页面中包含 html 和一个通用的 js 文件。这与您最初的选择是一致的。
您的功能可能是这样的(假设您使用我推荐的 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 的东西:它更多古典。