JavaのListをjavascriptで利用する方法

前提・実現したいこと

現在Webページを製作しています。
やりたいことはJavaのListをjavascriptで利用したいのですがうまく行きません。
DAOクラスからDBへアクセスし、JavaBeansを用いて各要素をセットしたBeanインスタンスをArrayListに入れ、
JSPまでは持ってこれますがこれをjavascriptで利用する方法がわかりません。

Webページの動きとしましては
・JSPを用いたサイトにアクセスし、取得したいリストを指定するとJavaのメソッドを実行
・DAOクラスのメソッドへ命令し、DBからデータを保存
・戻り値としてList<Bean>をJSPを用いたサイトまで返す
のようになっています。

この返ってきたList<bean>型の要素をjavascriptで使いたいのですがどのようにすれば値を参照できるでしょうか？

javascriptの記述でlet name = <%= scoreList[0].getName() %>;のようにすれば1つずつ値を取り出すことはできるのですが
要素が多いのでfor文で回す必要があり、配列として受け取りたいです。

補足情報（FW/ツールのバージョンなど）

Java1.8

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

回答1件

ベストアンサー

別途JSONへ変換するライブラリ(jacksonやGSON)を使います。

例えばAjaxを使わず、サーブレットでJSPに仏力する値をJSONに変換する場合は以下のようになります。
今回は jackson を使います。

java
1import java.io.IOException;
2import java.util.ArrayList;
3import java.util.List;
4
5import javax.servlet.ServletException;
6import javax.servlet.annotation.WebServlet;
7import javax.servlet.http.HttpServlet;
8import javax.servlet.http.HttpServletRequest;
9import javax.servlet.http.HttpServletResponse;
10
11import com.fasterxml.jackson.databind.ObjectMapper;
12
13import samplewebapp.model.User;
14
15/**
16 * Servlet implementation class JacksonServlet
17 */
18@WebServlet("/JacksonServlet")
19public class JacksonServlet extends HttpServlet {
20	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
21
22		List<User> users = getUsers();
23
24		ObjectMapper mapper = new ObjectMapper();
25		String result = mapper.writeValueAsString(users);
26
27		request.setAttribute("users", result);
28
29		request.getRequestDispatcher("jsonsample.jsp").forward(request, response);
30	}
31
32	private List<User> getUsers() {
33		List<User> users = new ArrayList<User>() {{
34			add(new User("alpha", 20));
35			add(new User("beta", 24));
36			add(new User("charlie", 30));
37		}};
38
39		return users;
40	}
41
42}

表示するJSPでは、簡単に値の表示と、JavaScript内で開発モードのコンソールで表に出力してみます。

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<title>JsonSample</title>
8</head>
9<body>
10${users}
11</body>
12<script>
13var users = ${users};
14
15console.table(users, ['name', 'age']);
16</script>
17</html>

サーブレット内で出力しているUserクラスは以下です。

java
1public class User {
2
3	public User(String name, int age) {
4		this.name = name;
5		this.age = age;
6	}
7	private String name;
8	private int age;
9	public String getName() {
10		return name;
11	}
12	public void setName(String name) {
13		this.name = name;
14	}
15	public int getAge() {
16		return age;
17	}
18	public void setAge(int age) {
19		this.age = age;
20	}
21}

Ajaxでサーブレットを呼び出してJSONレスポンスを出力する場合の返す値をJacksonやGSONで変換した文字列を返すだけです。

投稿2019/11/09 11:10

A-pZ

総合スコア12011

konkon04

2019/11/10 04:41

jacksonの知識が全くないのでわからないのですがどのタイミングでサーブレットを呼び出しているのでしょうか？ページ内に複数のボタンがありそれぞれが違った引数（もしくはリクエストパラメータ）を送り、処理を開始させたいのですが該当の場所がわかりません。 bodyタグ内の${users}でしょうか？

A-pZ

2019/11/10 05:43

jacksonはJavaのオブジェクトをJSONに変換するライブラリです。サーブレットを呼び出すのは、フォームからの送信や、<a>、JavaScript内で非同期の送信でもどれでも可能です。「ページ内に複数のボタンがあり…」のくだりは質問文に書かれていませんのでどのような実装になっているかはさすがにわかりませんが、同じようにサーブレットを呼びだして、JSPをHTMLに出力するタイミングでJavaScript内に出力されています。

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