jspはjqueryを使用できません

WBOY
リリース: 2023-05-12 10:09:36
オリジナル
798 人が閲覧しました

JSP が jQuery を使用できないのはよくある問題で、多くの初心者が JSP を使用するときによくこの問題に遭遇します。 JSP は Java 言語で記述された動的 Web ページ テクノロジであり、jQuery は JavaScript に基づくライブラリであるため、この 2 つの間には特定の違いがあります。この記事では、JSP が jQuery を使用できない理由と、この問題を解決する方法について説明します。

1. JSP で jQuery を使用できない理由

JavaScript を使用して JSP でスクリプトを記述することはできますが、jQuery を直接使用することはできません。これは、JSP はコンパイル後にサーブレット プログラムを生成し、jQuery はブラウザーで解釈して実行する必要がある JavaScript ライブラリであるためです。そのため、JSP ページ内に jQuery 参照を配置すると、サーバー側で jQuery の構文を認識できないため、コンパイル エラーが発生します。

2. 解決策

1. JSP ページで jQuery ライブラリを参照する

JSP ページで jQuery を使用するには、jQuery ライブラリをJSP。これは、次の 2 つの方法で実現できます。

(1) jQuery ライブラリへのオンライン リファレンス

次のコードを JSP ページに追加できます。 jQuery公式からコードをダウンロードします。 WebサイトからjQueryライブラリをダウンロードし、JSPページに導入します。この方法は非常に簡単ですが、ページが読み込まれるたびにリモート サーバーから jQuery ライブラリをダウンロードする必要があるため、ページの読み込み速度に影響を与える可能性があります。

(2) ローカル参照 jQuery ライブラリ

jQuery ライブラリをローカルにダウンロードし、JSP ページ内で参照することができます。これは、次の手順で実行できます。 jQuery 公式 Web サイト (https://jquery.com) から jQuery ライブラリの最新バージョンをダウンロードします。

②ダウンロードしたjQueryファイルをプロジェクトの指定ディレクトリ(「js」ディレクトリなど)に配置します。

③JSP ページでローカル jQuery ライブラリを参照するサンプル コードは次のとおりです:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
ログイン後にコピー

このコードは、ローカル jQuery ライブラリを JSP ページに導入します。このうち、${pageContext.request.contextPath} は、現在の Web アプリケーションのルート ディレクトリ パスを表します。

2. JSTL タグ ライブラリを使用する

JSTL (JavaServer Pages Standard Tag Library) は、JSP タグ ライブラリの一種で、Java オブジェクトの呼び出し、条件判定の実行、JSP 待機時のループ構造を簡単に実行できます。 。 JSTL には、jQuery と同様の機能を実装するために使用できるタグもいくつか用意されています。たとえば、 タグを使用して条件判断を実装したり、 タグを使用してコレクションを走査したりできます。これらのタグを JavaScript で使用すると、jQuery のような効果を実現できます。

たとえば、次のコードを通じて jQuery に似たイベント委任関数を実装できます:

<script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
ログイン後にコピー

上記のコードでは、 タグを使用して人物コレクションを走査し、テーブルを作成し、削除ボタンを追加しました。ユーザーが削除ボタンをクリックすると、JavaScript を使用してボタン ID が取得され、削除するレコードの ID が抽出され、削除操作のための deleteperson.jsp ページにジャンプします。ここでは、jQuery と同様の click イベントと attr メソッドが使用されます。

JSP では jQuery を直接利用することができないため、jQuery ライブラリを導入するか、JSTL タグ ライブラリを使用して jQuery と同様の機能を実装する必要があります。使用する場合、開発作業を正常に完了するには、JSP と JavaScript の違いと関係を十分に理解する必要があります。

以上がjspはjqueryを使用できませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート