コンテンツのみを変更し、ヘッダー/フッターを維持する小さな商用 Web サイトを作成しています。私の目標は、URL を変更せずにコンテンツを変更することです。
当初は AJAX を使用する予定でしたが、各ページのレイアウトが異なることに気付き、これをどのように使用すればよいかわかりませんでした。AJAX を使用する場合は、すべてのデータを XML に格納します。その場合、ページごとに新しい XSLT を作成する必要がありますか? これよりも良い解決策はありますか?
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 のようなものを使用することをお勧めします。古典的な。