今、Web アプリケーションで AJAX 非同期要求を使用してナビゲーションを行う必要がある状況になりました。単純なハイパーリンクのみでナビゲーションが行われる前 <a>
私のアプリケーションはASP.NET Web フォーム アプリケーションで、マスター ページと一連のページで構成されています。マスター ページとすべての「子」ページには、独自の CSS および JS ファイルがあります。JS ファイルは 、 などの名前が付けられpage_name1.js
、 、などのpage_name2.js
同じ名前の関数がいくつかあります。ClientPageLoaded()
UpdateClientData()
そこで、jQuery$.ajax
を使用して、ユーザーがナビゲートしたいページの html コンテンツを読み込もうとしています。たとえば、ユーザーが から に移動したいとしpage_name1.aspx
ますpage_name2.aspx
。HTML コンテンツは、目的の HTML コンテナーに大きく読み込まれます。次に、新しいコンテンツ用に <head> 内の CSS および JS ファイルも変更する必要があります。<link rel="stylesheet" href=...> ブラウザで "href" パラメータを変更すると、新しいスタイルが取得されて適用されます。しかし、 <script type="text/javascript" src=... > の "src" パラメータを変更して ClientPageLoaded() のような関数を呼び出そうとすると、ブラウザは page_name2.js ではなく page_name1.js の古い関数を使用します。
この問題を解決する方法や、この「AJAX を使用したナビゲーション」タスクを別の方法で解決する方法はありますか?