2012-05-11 14 views
0

私は、コンテンツのみを変更し、ヘッダー/フッターを残すための小規模な商用Webサイトを作成しています。私の目標は、URLを変更せずにコンテンツを変更することです。コンテンツを変更せずにリフレッシュするページ

私はもともとAJAXを使用する予定でしたが、各ページのレイアウトが違っていることに気付いたので、これにどう対処するか分かりませんでした。 AJAXを使用する場合は、すべてのデータをXMLに保存します。その場合、各ページに新しいXSLTを作成する必要がありますか?これは良い解決策がありますか?

+0

なぜXMLとXSLTを使用する予定ですか? –

+0

私が知っているAJAX用の唯一のストレージソリューションは、データベースとXMLを使用していることです。このサイトは数ページしかないので、データベースを使うのは大変だと感じました。 – Jon

+0

今日、ほとんどのAJAXは元々AJAXという名前がXMLから来ていても(そして内部で使用されているオブジェクトはまだXmlHttpRequestですが)、メディアとしてjsonを使用しています。 XMLを使用する重大な理由がない場合は、そうしないでください。 –

答えて

2

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:もっと古典的です。

+0

あなたの最初の点についてもう少し詳しく説明できますか? javascriptを使用して、jsファイルに格納されているコンテンツコードを表示して、getElementById( 'content')などを使って表示することを意味しますか?innerHTML = locationPage'? – Jon

+0

詳細を編集しました。 –

+0

方法1の私の理解から、私はウェブサイトをナビゲートするときに私は新しいURLに行くだろうと思われる。私は私のサイトをナビゲートするときに新しいURLに行く必要がないところで効果を出そうとしていました。私はあなたの説明を中に理解しましたか? – Jon

関連する問題