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

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

ただいまの
回答率

90.47%

  • Java

    16160questions

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

  • JSF

    138questions

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

  • GlassFish

    75questions

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

  • payara

    12questions

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

受付中

回答 0

投稿

  • 評価
  • クリップ 0
  • VIEW 1,047

sab

score 12

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

前提・実現したいこと

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ページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

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

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

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

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

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

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

  • ただいまの回答率 90.47%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

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

  • Java

    16160questions

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

  • JSF

    138questions

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

  • GlassFish

    75questions

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

  • payara

    12questions