JSPをJavaScriptに解析する方法-フロントエンドQ&A-php.cn

JSPをJavaScriptに解析する方法

PHPz

リリース： 2023-05-09 13:48:37

オリジナル

504 人が閲覧しました

JSP (Java Server Pages) は、Java をベースとしたサーバー側の動的ページ技術であり、ネットワーク送信中に Java コードと HTML ページを混合して純粋な HTML に解析し、サーバーによる動的生成を実現します。。ただし、場合によっては、クライアントがより柔軟な操作を実行できるように、JSP ページ内の Java コードを JavaScript コードに解析する必要があります。この記事では、JSP を JavaScript に解析する方法について詳しく説明します。

JSTL (JSP Standard Tag Library) タグライブラリを使用する

JSTL は、JSP ページ内で JavaScript スクリプトファイルを参照できるタグライブラリです。 JSTL タグライブラリを使用するには、まず JSTL コアタグライブラリファイルをインポートする必要があります。以下は例です:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

ログイン後にコピー

導入が成功したら、c:set タグを使用して JavaScript を作成できますグローバル変数:

<c:set var="message" value="Hello, World!" />
<script type="text/javascript">
var message = <c:out value='${message}'/>;
alert(message);
</script>

ログイン後にコピー

上記のコードは、message という名前の JavaScript グローバル変数を作成し、ポップアップボックスに「Hello, World!」の値を表示します。コード var message = <c:out value='${message}'/>; では、<c:out> タグを使用してメッセージを出力します。変数値を指定すると、このタグはバックグラウンド Java コードを JavaScript コードに解析し、ページに出力します。

EL 式を使用する (式言語)

EL 式は、JSP のプロパティと変数にアクセスするために使用される言語式です。JSP ページでは、EL 式を参照するだけで済みます。変数のようなもの。 JSTL タグライブラリと同様に、EL 式でも Java オブジェクトを JavaScript オブジェクトに解析できます。以下に例を示します。

<%
String message = "Hello, World!";
request.setAttribute("message", message);
%>

<script type="text/javascript">
var message = "${message}";
alert(message);
</script>

ログイン後にコピー

上記のコードでは、まず Java コードで message という名前の文字列変数を定義し、それをリクエストオブジェクトのプロパティに設定します。次に、JavaScript で ${message} を使用して JSP のメッセージ変数を参照し、それを JavaScript 変数に正常に解析しました。

AJAX (非同期 JavaScript および XML) の使用

AJAX は、ページをリロードせずに JavaScript を介してサーバーにリクエストを送信し、応答を取得できる非同期通信テクノロジです。。 JSP では、AJAX テクノロジを使用して Java コードをサーバーに非同期に送信して処理し、その結果をクライアントに返すことで、Java コードを JavaScript コードに解析できます。以下に例を示します。

<script type="text/javascript">
function loadMessage() {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {
            var message = xmlhttp.responseText;
            alert(message);
        }
    }
    xmlhttp.open("GET","getmessage.jsp",true);
    xmlhttp.send();
}
</script>

ログイン後にコピー

上記のコードは、XMLHttpRequest オブジェクトを使用して GET リクエストをサーバーに送信し、応答を受信した後、応答の内容をメッセージ変数に解析して、その値を表示します。ポップアップボックスのメッセージ。このうち、getmessage.jsp は Java コードを処理して結果を返す JSP ページです。

概要:

この記事では、JSTL タグライブラリ、EL 式、および AJAX テクノロジを使用して、JSP を JavaScript に解析する 3 つの方法を紹介します。これらのメソッドは、一部の特殊な場合に Java コードを JavaScript コードに解析するのに役立ち、それにより、より柔軟で動的なページ効果を実現できます。

以上がJSPをJavaScriptに解析する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。