AjaxでJSP上の変数の再評価は可能でしょうか

JSPページで部分更新したいのですが、ajaxで実現できることなのか不明なため質問させてください。

例えばhtml上で下記のように、サーバー側の変数 number の値によって表示を切り替えていたとして、
ajaxでサーバー側の処理でnumberの値を書き換えて、ajax完了の処理で下記部分を再描画(numberを再評価して切り替える)する事は可能でしょうか。
現在、ajaxのdone内でjQuery('#samp').load();としていますが、再評価されていないようです。

<div id="samp">
<%if( number < 10 ){%>
小さい
<% } else { %>
大きい
<% } %>
</div>

行動規範の内容に同意します

回答2件

ベストアンサー

私が要件を把握できているかわかりませんが、現在の考え方そのままだとできません。
Ajaxは非同期でサーバーの処理をJavaScriptで実行し、結果を返してその結果をもってJavaScriptで色々と処理ができるようになるわけですが、
JSPはブラウザでアクセスした時点で全て処理が終わっています。
JSPに書かれている変数をどうにかする、処理を再実行することはできません。
Ajaxでどのような処理をするかにもよるのですが、例示されていているnumberをどうにかするのではなく、
Ajaxで処理した結果をもって、そこに表示されている「小さい」「大きい」をJavaScriptで文言を書き換えることになります。

投稿2018/10/15 21:59

編集2018/10/15 22:01

m.ts10806

総合スコア80850

payonmu

2018/10/15 22:09

早々にご回答いただきましてありがとうございました。助かりました。

m.ts10806

2018/10/15 22:14

解決につながったようで何よりです。

行動規範の内容に同意します

すでにベストアンサーがついてしまっているのですが、サーバ側でレンダリングした結果を受け取るのなら可能です。

表示しているJSPが以下のようなとき、ボタンを押してjQuery.loadを実行し、サーバ側のサーブレット経由などで同じJSPをレスポンスをした内容で切り替えるようにします。

display.jsp

html
1<%@ page language="java" contentType="text/html; charset=UTF-8"
2    pageEncoding="UTF-8"%>
3<!DOCTYPE html>
4<html>
5<head>
6<meta charset="UTF-8">
7</head>
8<body>
9<%
10  Integer number = (Integer)request.getAttribute("number");
11  if (number == null) {
12    number = 0;
13  }
14%>
15<div id="samp">
16<% if( number < 10 ){ %>
17小さい
18<% } else { %>
19大きい
20<% } %>
21</div>
22<input type="button" name="btn" id="btn">
23</body>
24<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
25<script type="text/javascript">
26$(function() {
27	$("#btn").on("click" , function(){
28		$("#samp").load("Replace #samp");
29	});
30});
31</script>
32</html>

ボタンを押したときに呼び出されるパス:Replaceのサーブレットでは、numberの値を何らかで決定し、同じJSPへフォワードすればよいでしょう。

ReplaceServlet

java
1import java.io.IOException;
2
3import javax.servlet.ServletException;
4import javax.servlet.annotation.WebServlet;
5import javax.servlet.http.HttpServlet;
6import javax.servlet.http.HttpServletRequest;
7import javax.servlet.http.HttpServletResponse;
8
9@WebServlet("/Replace")
10public class ReplaceServlet extends HttpServlet {
11	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
12		log("replace....");
13		request.setAttribute("number", 20);
14		request.getRequestDispatcher("display.jsp").forward(request, response);
15	}
16}