質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
JSF

JSF (JavaServer Faces)とは、JavaベースのWebアプリケーションフレームワークの一つです。

GlassFish

GlassFishは、Java EE準拠のアプリケーションサーバの名称です。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

受付中

JSF+ajaxで同じ javascriptやcss が複数回読み込まれる事を防止したい

sab
sab

総合スコア20

JSF

JSF (JavaServer Faces)とは、JavaベースのWebアプリケーションフレームワークの一つです。

GlassFish

GlassFishは、Java EE準拠のアプリケーションサーバの名称です。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

0回答

0評価

0クリップ

2584閲覧

投稿2017/06/28 02:11

初めて質問させていただきます。よろしくお願いします。

###前提・実現したいこと

JSFを使った環境で、同じ javascriptやcss が複数回読み込まれる事を防止したいと考えています。

現在[補足情報]に記載の環境にて、webアプリの開発を進めています。
この中で、JSF の機能を使い、単一ページを複数のパートに分割し、(メニュー)の選択によって、
"動的に更新するコンテンツ"を記載した各ページファイル (part1.xhtml, part2.xhtml...)を、
ajax によって再読み込みさせています。

イメージ説明

コンテンツの切り替え動作については特に問題は出ていません。

が.....(以下へ続く)

###発生している問題・エラーメッセージ

動的コンテンツ、つまり partNN.xhtml の切替の為にこの部分のみを ajax で読み込んだ場合、
読み込んだデータには、


<?xml version='1.0' encoding='UTF-8'?> <partial-response id="j_id1"> <changes> <update id="matter"> <![CDATA[<div id="matter" class="ui-outputpanel ui-widget" style="font-size: 12px"> <head id="j_idt22"> <link type="text/css" rel="stylesheet" href="/portal/javax.faces.resource/theme.css?ln=primefaces-aristo" /> <link type="text/css" rel="stylesheet" href="/portal/javax.faces.resource/components.css?ln=primefaces&amp;v=6.1" /> <script type="text/javascript" src="/portal/javax.faces.resource/jquery/jquery.js?ln=primefaces&amp;v=6.1"></script> <script type="text/javascript" src="/portal/javax.faces.resource/core.js?ln=primefaces&amp;v=6.1"></script> ..... -------------------------

のように、<head> に script や css の読込が記載されています。

コンテンツ切り替えでは無く、index.xhtml としてページ全体の再読み込みを行った
(つまり、index.xhtml 中に 最初の動的コンテンツがマージされた状態) 場合、
index.xhtml の <head> に同様の記載はありますが、動的コンテンツのパート部分には
この記載は見られません。

恐らく、"<h:outputScript..." と同じ処理が実施され、動的コンテンツの <scritp>宣言は
(既に index.xhtml 側に記載がある為) 省略されたものかと思います。

目的としては、<partial-response>の場合でも、<head> での javascript や css の宣言を
させないようにしたいと考えています。読み込んだコンテンツはあくまで読込済み
既存コンテンツの一部入れ替え部品ですから改めて <javascript>等を<head>で宣言する必要
は無いと考えています。余分なオーバーヘッドですし、仮に javascript 内の初期化処理が
再度稼働して状態を壊してしまう恐れもあるのでは、と考えています。

現時点で明確な誤動作が発生している訳ではありませんが、今後を踏まえ、予め対策して
おきたいと考えています。

###試したこと

動的コンテンツを、ui:composition では無く <html> で囲んだりとか幾つか試しましたが
状況は変わりませんでした。まぁ、ui:composition の外側は基本無視の筈ですので、
そりゃそうか、と言う感じですが。

###補足情報(言語/FW/ツール等のバージョンなど)

[環境]
payara 4.1.1
primefaces 6.1

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

JSF

JSF (JavaServer Faces)とは、JavaベースのWebアプリケーションフレームワークの一つです。

GlassFish

GlassFishは、Java EE準拠のアプリケーションサーバの名称です。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。